@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
::-webkit-input-placeholder {
  color: #bcc7d3;
  -webkit-font-smoothing: antialiased;
}
:focus::-webkit-input-placeholder {
  color: #bcc7d3;
}
:focus::-moz-placeholder {
  color: #bcc7d3;
}
/* FORMATTING ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  height: 100%;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: bebas-neue-by-fontfabric, sans-serif;
  background-color: #fff;
  font-weight: 300;
  line-height: 140%;
  font-size: 1.5rem;
  width: 100%;
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
  right: 0;
}
@media only screen and (max-width: 800px) {
  body.menuActive {
    right: 50%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  body.mobSubMenu {
    right: 50%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
}
@media only screen and (max-width: 600px) {
  body.menuActive {
    right: 100%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  body.mobSubMenu {
    right: 100%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
}
img,
embed,
object,
video,
iframe {
  max-width: 100%;
}
img {
  border: none;
  padding: 0;
  margin: 0;
}
form input,
form textarea,
form select {
  outline: 0;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
::selection {
  background: #007297;
  color: #f3f3f3;
}
::-moz-selection {
  background: #00c7b9;
  color: #f3f3f3;
}
.col2 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
.col2::after {
  content: '';
  display: table;
  clear: both;
}
.col2:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  .col2 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .col2:first-child {
    margin-left: auto;
  }
  .col2:last-child {
    margin-right: auto;
  }
}
.col3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
.col3::after {
  content: '';
  display: table;
  clear: both;
}
.col3:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .col3:first-child {
    margin-left: auto;
  }
  .col3:last-child {
    margin-right: auto;
  }
}
.col2-3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66666666666666%;
  margin-left: 0%;
  margin-right: 3%;
}
.col2-3::after {
  content: '';
  display: table;
  clear: both;
}
.col2-3:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  .col2-3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .col2-3:first-child {
    margin-left: auto;
  }
  .col2-3:last-child {
    margin-right: auto;
  }
}
.col4 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
}
.col4::after {
  content: '';
  display: table;
  clear: both;
}
.col4:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  .col4 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .col4::after {
    content: '';
    display: table;
    clear: both;
  }
  .col4:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 600px) {
  .col4 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .col4:first-child {
    margin-left: auto;
  }
  .col4:last-child {
    margin-right: auto;
  }
}
.col5 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
}
.col5::after {
  content: '';
  display: table;
  clear: both;
}
.col5:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  .col5 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .col5::after {
    content: '';
    display: table;
    clear: both;
  }
  .col5:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 600px) {
  .col5 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .col5:first-child {
    margin-left: auto;
  }
  .col5:last-child {
    margin-right: auto;
  }
}
.col6 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.166666666666664%;
  margin-left: 0%;
  margin-right: 3%;
}
.col6::after {
  content: '';
  display: table;
  clear: both;
}
.col6:last-child {
  margin-right: 0%;
}
.col8 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 9.875%;
  margin-left: 0%;
  margin-right: 3%;
}
.col8::after {
  content: '';
  display: table;
  clear: both;
}
.col8:last-child {
  margin-right: 0%;
}
.span2 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
.span2::after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 800px) {
  .span2 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .span2:first-child {
    margin-left: auto;
  }
  .span2:last-child {
    margin-right: auto;
  }
}
.span3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
}
.span3::after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 800px) {
  .span3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .span3:first-child {
    margin-left: auto;
  }
  .span3:last-child {
    margin-right: auto;
  }
}
.span2-3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 66.66666666666666%;
  margin-left: 0%;
  margin-right: 0%;
}
.span2-3::after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 800px) {
  .span2-3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .span2-3:first-child {
    margin-left: auto;
  }
  .span2-3:last-child {
    margin-right: auto;
  }
}
.span4 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 25%;
  margin-left: 0%;
  margin-right: 0%;
}
.span4::after {
  content: '';
  display: table;
  clear: both;
}
.floater {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 7%;
}
.content-center {
  width: auto;
  /*max-width: 1064px;*/
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  /*padding: 0 20px;*/
}
.content-center::after {
  content: '';
  display: table;
  clear: both;
}
.content-center-full {
  width: auto;
  max-width: 1440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 0 20px;
}
.content-center-full::after {
  content: '';
  display: table;
  clear: both;
}
.showDesk {
  display: block;
}
.hideDesk {
  display: none !important;
}
@media only screen and (max-width: 800px) {
  .hideTab {
    display: none !important;
  }
}
.showTab {
  display: none;
}
@media only screen and (max-width: 800px) {
  .showTab {
    display: block !important;
  }
}
@media only screen and (max-width: 600px) {
  .hideMob {
    display: none !important;
  }
}
.showMob {
  display: none;
}
@media only screen and (max-width: 600px) {
  .showMob {
    display: block !important;
  }
}
.mailto:after {
  content: '@fortem.mx';
}
.sprite {
  background-image: url("../../images/common/sprite.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 150px 2500px !important;
}
.no-svg .sprite {
  background-image: url("../../images/common/sprite.png") !important;
  background-repeat: no-repeat !important;
  background-size: 150px 2500px !important;
}
.right{
  margin-right: 20px;

}
hr {
  border: none;
  border-top: #ececec 1px solid;
}
a {
  color: #007297;
  text-decoration: none !important;
  -webkit-transition: color 0.3s 0.1s;
  -moz-transition: color 0.3s 0.1s;
  -o-transition: color 0.3s 0.1s;
  transition: color 0.3s 0.1s;
}
a:hover,
a:active {
  color: #008aaa;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.btn-orange,
.btn-green,
.btn-red,
.btn-white {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 25px;
  font-weight: 700;
  font-size: 1.3rem;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
  width: 100%;
}
.btn-orange:hover,
.btn-green:hover,
.btn-red:hover,
.btn-white:hover {
  color: #fff;
}
.btn-orange.centered,
.btn-green.centered,
.btn-red.centered,
.btn-white.centered {
  display: table;
  width: auto;
}
@media only screen and (max-width: 600px) {
  .btn-orange.centered,
  .btn-green.centered,
  .btn-red.centered,
  .btn-white.centered {
    padding: 10px 0;
    width: 100%;
  }
}
.btn-orange {
  background: #fa4616;
}
.btn-orange:hover {
  text-decoration: none;
  background: #fb592d;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
.btn-green {
  background: #00a499;
}
.btn-green:hover {
  text-decoration: none;
  background: #00c7b9;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
.btn-red {
  background: #982708;
}
.btn-red:hover {
  text-decoration: none;
  background: #ad2b08;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
.btn-white {
  background-color: #fff;
  color: #fa4616;
}
.btn-white:hover {
  text-decoration: none;
  background-color: #00a499;
  color: #fff;
}
.orangeTxt {
  color: #fa4616;
}
.centerTxt {
  text-align: center;
}
.aligncenter {
    text-align: center;
}
#zonaakron .btn-white {
  width: auto;
  display: table;
  color: #122d70;
  margin-top: 40px;
}
#zonaakron .btn-white:hover {
  background-color: #fa4616;
  color: #fff;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
/* Error 404 ========================================================================== */
/*
#errorBox
	position fixed
	top 0 
	bottom 0
	left 0
	right 0
	width 600px
	height 300px
	margin auto
	text-align center
	+below(2)
		width 90%
	.errorlogo
		margin 0 auto
		display block
	h1
		font-size 60px
		margin-bottom 0px
		color cafe
		text-shadow none
	h2
		font-size 30px
		line-height 120%
		margin-top 20px
		margin-bottom 10px
		text-transform uppercase
		color cafe
	p
		color gris
	a
		background verde
		color white
		line-height 40px
		font-weight 900
		letter-spacing 1px
		text-transform uppercase
		display block
		max-width 330px
		margin 0 auto
		font-size 1.6rem
		font-family titleFont
		font-weight 400
		&:hover
			background verde + 5%
*/
/* CONTENT ========================================================================== */
#bannerTop {
  height: 120px;
  background: #000 url("../../images/common/banner.jpg") no-repeat center;
  background-size: cover;
  margin-top: 75px;
}
@media only screen and (max-width: 600px) {
  #bannerTop {
    display: none;
  }
}
#bannerTop.midBanner {
  height: 600px;
}
#contactBar {
  height: 70px;
  width: 100%;
  background-color: #00a499;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #contactBar {
    margin-top: 75px;
  }
}
#contactBar .content-center {
  height: 100%;
}
@media only screen and (max-width: 800px) {
  #contactBar .content-center {
    padding: 0;
  }
}
#contactBar .content-center .span3 {
  height: 100%;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
}
#contactBar .content-center .span3::after {
  content: '';
  display: table;
  clear: both;
}
#contactBar .content-center .span3 a {
  height: 100%;
  display: block;
}
@media only screen and (max-width: 800px) {
  #contactBar .content-center .phone,
  #contactBar .content-center .mail {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0 20px;
  }
  #contactBar .content-center .phone::after,
  #contactBar .content-center .mail::after {
    content: '';
    display: table;
    clear: both;
  }
}
#contactBar .content-center .phone a,
#contactBar .content-center .mail a {
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 70px;
}
@media only screen and (max-width: 1050px) {
  #contactBar .content-center .phone a,
  #contactBar .content-center .mail a {
    font-size: 1.5rem;
    display: table;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  #contactBar .content-center .phone a,
  #contactBar .content-center .mail a {
    display: block;
  }
}
#contactBar .content-center .phone .sprite,
#contactBar .content-center .mail .sprite,
#contactBar .content-center .phone .text,
#contactBar .content-center .mail .text {
  display: inline-block;
  height: 100%;
  float: left;
}
#contactBar .content-center .phone .sprite,
#contactBar .content-center .mail .sprite {
  width: 45px;
  height: 70px;
}
@media only screen and (max-width: 1050px) {
  #contactBar .content-center .phone .sprite,
  #contactBar .content-center .mail .sprite {
    display: inline-table;
  }
}
@media only screen and (max-width: 600px) {
  #contactBar .content-center .phone .sprite,
  #contactBar .content-center .mail .sprite {
    display: block;
    width: 100%;
  }
}
#contactBar .content-center .phone .text,
#contactBar .content-center .mail .text {
  margin-left: 20px;
}
@media only screen and (max-width: 1050px) {
  #contactBar .content-center .phone .text,
  #contactBar .content-center .mail .text {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #contactBar .content-center .phone .text,
  #contactBar .content-center .mail .text {
    display: none;
  }
}
#contactBar .content-center .phone .sprite {
  background-position: center -223px;
}
#contactBar .content-center .mail.span3 .sprite {
  background-position: center -147px;
}
#contactBar .content-center .mail.span3 span {
  float: right;
}
@media only screen and (max-width: 800px) {
  #contactBar .content-center .mail.span3 {
    background: #fa4616;
  }
}
#contactBar .content-center .btcC a {
  margin: 0 10px;
}
#contactBar .content-center .btcC a span {
  display: block;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #00a499;
  max-width: 200px;
  margin: 15px auto;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  padding: 0 10px;
}
#contactBar .content-center .btcC a:hover span {
  color: #fff;
  background: #fa4616;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
@media only screen and (max-width: 800px) {
  #contactBar .content-center .btcC {
    display: none;
  }
}
#preciosBar {
  background-color: #f3f3f3;
  padding: 25px 0;
}
@media only screen and (max-width: 800px) {
  #preciosBar {
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 600px) {
  #preciosBar.preciosFix {
    display: block !important;
  }
}
#preciosBar .col4 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 34.42857142857143%;
  margin-left: 0%;
  margin-right: 2%;
}
#preciosBar .col4::after {
  content: '';
  display: table;
  clear: both;
}
#preciosBar .col4:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  #preciosBar .col4 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #preciosBar .col4:first-child {
    margin-left: auto;
  }
  #preciosBar .col4:last-child {
    margin-right: auto;
  }
  #preciosBar .col4:nth-child(2) {
    margin-right: 0;
  }
}
#preciosBar .preciosCombo .col4 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 19.857142857142854%;
  margin-left: 0%;
  margin-right: 2%;
}
#preciosBar .preciosCombo .col4::after {
  content: '';
  display: table;
  clear: both;
}
#preciosBar .preciosCombo .col4:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  #preciosBar .preciosCombo .col4 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #preciosBar .preciosCombo .col4::after {
    content: '';
    display: table;
    clear: both;
  }
  #preciosBar .preciosCombo .col4:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 600px) {
  #preciosBar .preciosCombo .col4 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #preciosBar .preciosCombo .col4:first-child {
    margin-left: auto;
  }
  #preciosBar .preciosCombo .col4:last-child {
    margin-right: auto;
  }
}
#preciosBar #preciosTitle {
  width: 120px;
  float: left;
}
@media only screen and (max-width: 800px) {
  #preciosBar #preciosTitle {
    width: 100%;
  }
}
#preciosBar #preciosSelectBox {
  width: calc(100% - 120px);
  float: left;
  padding-top: 10px;
}
@media only screen and (max-width: 800px) {
  #preciosBar #preciosSelectBox {
    width: 100%;
  }
}
#preciosBar h2 {
  text-transform: uppercase;
  font-size: 2.1rem;
  font-weight: 600;
}
@media only screen and (max-width: 800px) {
  #preciosBar h2 {
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
#preciosBar .item {
  height: 38px;
  width: 100%;
  padding: 0 8%;
  line-height: 38px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
  font-size: 1.7rem;
}
#preciosBar .item#premium {
  background-color: #be2020;
}
#preciosBar .item#magna {
  background-color: #2e7940;
}
#preciosBar .item#diesel {
  background-color: #000;
}
#preciosBar .item .left {
  float: left;
  font-weight: 600;
}
#preciosBar .item .right {
  float: right;
  font-size: 2rem;
  font-weight: 400;
}
#contentFooter {
  text-align: center;
  margin: 40px 0;
  margin-top: 70px;
}
footer .content-center {
  height: 98%;
  max-width: 100%;
  padding: 15px 5% 0 5%;
  display: flex;
}
footer .content-center #mainMenu {
    /*float: right;*/
    height: 100%;
    width: calc(100% - 330px);
}
footer .content-center #mainMenu .toggleMenu {
    display: none;
    text-align: right;
    font-weight: 600;
    font-size: 1.8rem;
    padding-left: 50px;
    background: url(../../images/common/sprite.svg) no-repeat left -325px;
    line-height: 75px;
}
footer .content-center #logo {
    float: left;
    height: 100%;
    width: 200px;
    margin-right: 0px;
    padding-top: 13px;
}
@media only screen and (max-width: 800px) {
  #contentFooter {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #contentFooter {
    margin-top: 20px;
  }
}
#contentFooter .sectionHeading {
  color: #fa4616;
  font-weight: 600;
  font-size: 2.3rem;
  display: block;
}
#contentFooter .sectionSubHeading {
  color: #00a499;
  font-size: 1.5rem;
  display: block;
  font-weight: 600;
  margin: 20px 0;
}
@media only screen and (max-width: 800px) {
  #contentFooter .sectionSubHeading {
    font-size: 1.4rem;
  }
}
#contentFooter p {
  color: blaco40%;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 20px auto;
  line-height: 160%;
  margin-bottom: 70px;
}
@media only screen and (max-width: 800px) {
  #contentFooter p {
    margin-bottom: 1em;
    font-size: 1.2em;
  }
}
#contentFooter .twit,
#contentFooter .atip {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  position: relative;
}
#contentFooter .twit iframe,
#contentFooter .atip iframe {
  border: none;
  max-height: 108px;
}
@media only screen and (max-width: 800px) {
  #contentFooter .twit,
  #contentFooter .atip {
    width: auto;
    max-width: 500px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto 40px;
  }
  #contentFooter .twit::after,
  #contentFooter .atip::after {
    content: '';
    display: table;
    clear: both;
  }
}
#contentFooter .twit .btn-orange,
#contentFooter .atip .btn-orange {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60%;
}
@media only screen and (max-width: 800px) {
  #contentFooter .twit .btn-orange,
  #contentFooter .atip .btn-orange {
    position: static;
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  #contentFooter .twit .btn-orange,
  #contentFooter .atip .btn-orange {
    width: 80%;
  }
}
@media only screen and (max-width: 600px) {
  #contentFooter .twit,
  #contentFooter .atip {
    width: 100%;
    display: block;
  }
}
#contentFooter .twit p {
  max-width: 320px;
}
#contentFooter .contentFooterRow {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  #contentFooter .contentFooterRow {
    width: 100%;
    display: block;
  }
}
#navFooter {
  margin-top: 20px;
}
footer .content-center #mainMenu #nav {
    height: 100%;
    float: right;
}
footer .content-center #mainMenu #nav li {
    float: left;
}
footer .content-center #mainMenu #nav li a {
    line-height: 75px;
    padding: 0 10px;
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1d1d1b;
    text-transform: uppercase;
}
#navFooter ul {
  text-align: center;
}
#navFooter ul li {
  display: inline-block;
  margin-right: 35px;
  margin-bottom: 35px;
}
#navFooter ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  #navFooter ul li {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    border-bottom: 1px solid #f3f3f3;
  }
  #navFooter ul li:first-child {
    margin-left: auto;
  }
  #navFooter ul li:last-child {
    margin-right: auto;
  }
}
#navFooter ul li a {
  color: #181818;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
}
#navFooter ul li a:hover {
  opacity: 1;
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  #navFooter ul li a {
    line-height: 45px;
    display: block;
    opacity: 1;
  }
}
footer {
  position: fixed !important;
  bottom: 0;
  height: 100px;
  background: white;
  width: 100%;
  z-index: 5000;
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
@media only screen and (max-width: 600px) {
  footer {
    padding: 20px 0;
  }
}
footer .rights {
  display: inline-block;
  float: left;
  padding-left: 75px;
  line-height: 70px;
  color: #aaa;
  font-size: 1.3rem;
  font-weight: 600;
  background: no-repeat url("../../images/common/logo-footer.svg") left center;
}
@media only screen and (max-width: 600px) {
  footer .rights {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-top: 45px;
    line-height: 120%;
    background-position: center;
    text-align: center;
  }
  footer .rights:first-child {
    margin-left: auto;
  }
  footer .rights:last-child {
    margin-right: auto;
  }
}
footer .social {
  display: inline-block;
  float: right;
}
@media only screen and (max-width: 600px) {
  footer .social {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    float: none;
    overflow: hidden;
  }
  footer .social:first-child {
    margin-left: auto;
  }
  footer .social:last-child {
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  footer .social span {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  footer .social span::after {
    content: '';
    display: table;
    clear: both;
  }
}
footer .social span a {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-left: 20px;
  margin-top: 20px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
footer .social span a:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (max-width: 600px) {
  footer .social span a {
    margin: 0 auto;
    display: block;
  }
  footer .social span a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
footer .social span .facebook {
  background-position: center -36px;
  background-color: #2d4485;
}
footer .social span .twitter {
  background-position: center -99px;
  background-color: #149ee7;
}
footer .social span .instagram {
  background-position: center -66px;

}
.touch header {
  right: 0;
}
header {
  position: fixed;
  top: 0;
  height: 120px;
  background: #1d1d1b;
  width: 100%;
  z-index: 5000;
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
@media only screen and (max-width: 800px) {
  header.menuActive {
    right: 50%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
}
@media only screen and (max-width: 600px) {
  header.menuActive {
    right: 100%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
}
header .content-center {
  height: 100%;
  max-width: 100%;
  padding: 0px 4% 0 4%;
}
header .content-center #logo {
  float: left;
  height: 100%;
  width: 330px;
  margin-right: 0px;
  padding-top: 20px;
}
header .content-center #logo a {
  display: block;
  height: 100%;
}
header .content-center #logo a img {
  display: block;
}
header .content-center #mainMenu {
  float: right;
  height: 100%;
  width: calc(100% - 330px);
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu {
    width: 40px;
  }
}
@media only screen and (max-width: 994px) {
header .content-center {
  height: 100%;
  max-width: 100%;
  padding: 0px 4% 0 4%;
}
  header .content-center #logo {
  width: 290px;
}
header .content-center #mainMenu {
  width: calc(100% - 290px);
}
}
@media only screen and (max-width: 1024px) {
  header .content-center #logo {
  width: 200px;
}
header .content-center #mainMenu {
  width: calc(100% - 200px);
}
}
@media only screen and (max-width: 951px) {
  header .content-center #logo {
  width: 260px;
}
header .content-center #mainMenu {
  width: calc(100% - 260px);
}
}
@media only screen and (max-width: 918px) {
  header .content-center #logo {
  width: 240px;
}
header .content-center #mainMenu {
  width: calc(100% - 240px);
}
header .content-center #logo {
    padding-top: 30px
}
}
@media only screen and (max-width: 896px) {
  header .content-center #logo {
  width: 230px;
}
header .content-center #mainMenu {
  width: calc(100% - 230px);
}
}
@media only screen and (max-width: 886px) {
  header .content-center #logo {
  width: 220px;
}
header .content-center #mainMenu {
  width: calc(100% - 220px);
}
}
@media only screen and (max-width: 875px) {
  header .content-center {
          padding: 0px 2% 0 2%;
  }
}
@media only screen and (max-width: 838px) {
  header .content-center #logo {
  width: 200px;
}
header .content-center #mainMenu {
  width: calc(100% - 200px);
}
}
@media only screen and (max-width: 820px) {
  header .content-center #logo {
  width: 190px;
}
header .content-center #mainMenu {
  width: calc(100% - 190px);
}
}
@media only screen and (max-width: 818px) {
  header .content-center #logo {
  width: 190px;
}
header .content-center #mainMenu {
  width: calc(100% - 190px);
}
}
@media only screen and (max-width: 807px) {
  header .content-center #logo {
  width: 170px;
}
header .content-center #mainMenu {
  width: calc(100% - 170px);
}
}
@media only screen and (max-width: 600px){
a.toggleMenu.sprite {
    float: right;
}  
header .content-center #logo {
    width: 200px!important;
}
header .content-center #mainMenu {
    width: calc(100% - 200px);
}
}
header .content-center #mainMenu .toggleMenu {
  display: none;
  text-align: right;
  font-weight: 600;
  font-size: 1.8rem;
  padding-left: 50px;
  background: url("../../images/common/sprite.svg") no-repeat left -325px;
  line-height: 75px;
}
@media only screen and (min-width: 600px) {
  header .content-center #mainMenu .toggleMenu.close {
    background-position: left -435px;
  }
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu .toggleMenu {
    display: block;
    overflow: hidden;
    width: 50px;
  }
}
header .content-center #mainMenu #nav {
  height: 100%;
  float: right;
}
header .content-center #mainMenu #nav .toggleMenu {
  right: 0;
  position: absolute;
  background-position: left -725px;
  display: none;
}
@media only screen and (max-width: 600px) {
  header .content-center #mainMenu #nav .toggleMenu {
    display: block;
    top: -5px;
  }
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav {
    position: fixed;
    right: -50%;
    background-color: #1d1d1b;
    height: 100%;
    top: 0;
    width: 50%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  header .content-center #mainMenu #nav.menuActive {
    right: 0;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  header .content-center #mainMenu #nav.mobSubMenu {
    right: 0;
  }
}
@media only screen and (max-width: 600px) {
  header .content-center #mainMenu #nav {
    width: 100%;
    right: -100%;
  }
}
header .content-center #mainMenu #nav li {
  float: left;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}
header .content-center #mainMenu #nav li a {
  line-height: 75px;
  padding: 0 10px;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 20px;
}
@media only screen and (max-width: 1050px) {
  header .content-center #mainMenu #nav li a {
    font-size: 1.45rem;
    padding: 0 7px;
    padding-top:20px;
  }
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li a {
    color: #fff;
    font-size: 2rem;
    padding: 0em;
  }
  header .content-center #mainMenu #nav li a:hover {
    color: #fff !important;
  }
}
@media only screen and (max-width: 600px) {
  header .content-center #mainMenu #nav li a {
    line-height: 65px;
  }
}
header .content-center #mainMenu #nav li a:hover {
  color: #007297;
}
header .content-center #mainMenu #nav li.current_page_item >a,
header .content-center #mainMenu #nav li.current-page-parent >a,
header .content-center #mainMenu #nav li.current_page_parent >a,
header .content-center #mainMenu #nav li.current-page-ancestor >a {
  border-radius: 50%;
    width: 105px;
    height: 105px;
    border: 2px solid #007297;
    text-align: center;
    padding-top: 20px;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li.current_page_item >a,
  header .content-center #mainMenu #nav li.current-page-parent >a,
  header .content-center #mainMenu #nav li.current_page_parent >a,
  header .content-center #mainMenu #nav li.current-page-ancestor >a {
    color: #007297;

  }
}
@media only screen and (min-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-58 a {
    line-height: 100%;
    background: #fa4616;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    margin: 20px 0 20px 20px;
    font-size: 1.5rem;
  }
  header .content-center #mainMenu #nav li#menu-item-58 a:hover {
    background: #fb592d;
  }
}
header .content-center #mainMenu #nav li#menu-item-52 >a,
header .content-center #mainMenu #nav li#menu-item-424 >a {
  position: relative;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52 >a,
  header .content-center #mainMenu #nav li#menu-item-424 >a {
    background-image: url("../../images/common/sprite.svg");
    background-position: right -610px;
    background-repeat: no-repeat;
  }
}
header .content-center #mainMenu #nav li#menu-item-52 >a:before,
header .content-center #mainMenu #nav li#menu-item-424 >a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  opacity: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #00a499 transparent;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52:hover:after,
  header .content-center #mainMenu #nav li#menu-item-424:hover:after {
    opacity: 1;
    height: 50px;
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    -o-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
  }
}
@media only screen and (min-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52:hover .sub-menu,
  header .content-center #mainMenu #nav li#menu-item-424:hover .sub-menu {
    top: 75px;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    -moz-transition: opacity 0.3s 0.3s;
    -o-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
  }
}
@media only screen and (min-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52:hover a:before,
  header .content-center #mainMenu #nav li#menu-item-424:hover a:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
header .content-center #mainMenu #nav li#menu-item-52:after,
header .content-center #mainMenu #nav li#menu-item-424:after {
  content: '';
  position: absolute;
  background: #00a499;
  width: 100%;
  height: 0px;
  left: 0;
  opacity: 0;
  top: 75px;
  -webkit-transition: opacity 0.3s 0.1s, height 0.3s 0.1s;
  -moz-transition: opacity 0.3s 0.1s, height 0.3s 0.1s;
  -o-transition: opacity 0.3s 0.1s, height 0.3s 0.1s;
  transition: opacity 0.3s 0.1s, height 0.3s 0.1s;
}
header .content-center #mainMenu #nav li#menu-item-52 .sub-menu,
header .content-center #mainMenu #nav li#menu-item-424 .sub-menu {
  position: absolute;
  background: #00a499;
  opacity: 0;
  height: 50px;
  z-index: 5001;
  top: -75px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  max-width: 620px;
  left: 0;
  right: 0;
  margin: auto;
}
header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li,
header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li {
  float: left;
  height: 100%;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li {
    border-bottom: 1px solid #00a499;
    margin-left: 0;
    height: auto;
  }
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li.current-page-parent a,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li.current-page-parent a {
    background-color: #00a499;
  }
}
header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li a,
header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li a {
  line-height: 50px;
  color: #fff;
  display: block;
  padding: 0 20px;
  font-weight: 400;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li a,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li a {
    text-align: left;
    line-height: 60px;
    font-weight: 400;
    padding: 0 1em;
  }
}
header .content-center #mainMenu #nav li#menu-item-52 .sub-menu >li a:hover,
header .content-center #mainMenu #nav li#menu-item-424 .sub-menu >li a:hover {
  background: #00b5a9;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu {
    width: 40%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #00b1a9;
    right: -50%;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
    display: block;
    margin-left: 0;
    opacity: 1;
    left: auto;
  }
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu.mobSubMenu,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu.mobSubMenu {
    right: 0;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu:before,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu:before {
    content: " ";
    width: 25%;
    height: 100%;
    background: #00a499;
    display: block;
    position: absolute;
    left: -25%;
    border-right: 1px solid #00a499;
    background-image: url("../../images/common/back-submenu.svg");
    background-position: center 20px;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
  }
}
@media only screen and (max-width: 600px) {
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu {
    width: 100%;
    right: -100%;
  }
  header .content-center #mainMenu #nav li#menu-item-52 .sub-menu:before,
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu:before {
    left: auto;
    right: 0;
    width: 60px;
  }
}
header .content-center #mainMenu #nav li#menu-item-424 .sub-menu {
  left: 215px;
  max-width: 290px;
}
@media only screen and (max-width: 800px) {
  header .content-center #mainMenu #nav li#menu-item-424 .sub-menu {
    left: auto;
  }
}
.intro {
  text-align: center;
  margin: 20px 0;
}
.intro h1 {
  color: #fa4616;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 34px;
  letter-spacing: 10px;
}
.intro h1 span {
  color: #000;
}
.intro p {
  margin: 0 auto;
  max-width: 650px;
  padding: 20px 5%;
  width: 90%;
  font-size: 3rem;
  font-weight: 300;
  line-height: 4rem;
  padding-top: 0;
}
.intro.introBP {
  margin: 50px auto 0;
  max-width: 680px;
}
.intro.introBP .left {
  width: 115px;
  float: left;
}
@media only screen and (max-width: 600px) {
  .intro.introBP .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.intro.introBP .left img {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .intro.introBP .left img {
    max-width: 60px;
  }
}
.intro.introBP .right {
  float: left;
  width: calc(100% - 115px);
  padding-left: 60px;
}
@media only screen and (max-width: 600px) {
  .intro.introBP .right {
    width: 100%;
    padding-left: 0;
  }
}
.intro.introBP h1 {
  color: #004735;
  text-align: left;
  margin-top: 5px;
}
@media only screen and (max-width: 600px) {
  .intro.introBP h1 {
    text-align: center;
  }
}
.intro.introBP h1 span {
  color: #00a500;
}
.intro.introBP p {
  color: #004735;
  text-align: left;
  padding: 0;
  width: 100%;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .intro.introBP p {
    text-align: center;
  }
}
.intro.introBP p strong {
  color: #00a500;
  font-weight: 500;
}
.blog header .content-center #mainMenu #nav li#menu-item-424 >a,
.single-post header .content-center #mainMenu #nav li#menu-item-424 >a,
.archive header .content-center #mainMenu #nav li#menu-item-424 >a {
  color: #00a499;
}
@media only screen and (max-width: 800px) {
  .blog header .content-center #mainMenu #nav li#menu-item-424 >a,
  .single-post header .content-center #mainMenu #nav li#menu-item-424 >a,
  .archive header .content-center #mainMenu #nav li#menu-item-424 >a {
    color: #fff;
    background-color: #fa4616;
  }
}
/* //// Nosotros  */
#nosotros {
  background: #f00;
}
#nosotros h1 {
  color: #fa4616;
  font-size: 3rem;
}
#nosotros h1 span {
  color: #000;
}
#nosotros p {
  font-size: 2rem;
  font-weight: 300;
  line-height: 150%;
}
@media only screen and (max-width: 800px) {
  #nosotros p {
    font-size: 18px;
  }
}
#nosotros h2 {
  font-size: 20px;
  font-weight: 600;
}
#nosotros img {
  float: left;
}
@media only screen and (max-width: 1050px) {
  #nosotros img {
    width: 320px;
    bottom: 0;
    position: absolute;
  }
}
@media only screen and (max-width: 690px) {
  #nosotros img {
    width: 280px;
  }
}
@media only screen and (max-width: 600px) {
  #nosotros img {
    right: 0;
    opacity: 0.2;
  }
}
#nosotros >div {
  padding-top: 10px;
}
#nosotros #paragraph1 .wrap {
  padding: 20px 5%;
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph1 .wrap {
    width: 100%;
    padding: 20px 0;
  }
}
#nosotros #paragraph1 .wrap h1,
#nosotros #paragraph1 .wrap h2,
#nosotros #paragraph1 .wrap p {
  text-align: center;
}
#nosotros #paragraph1 .wrap .btn-green {
  width: auto;
  display: table;
  margin: 30px auto;
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph1 .wrap .btn-green {
    width: auto;
    display: table;
  }
}
#nosotros #paragraph2 {
  background-image: url("../../images/nosotros/bg5.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #eee;
}
@media only screen and (max-width: 800px) {
  #nosotros #paragraph2 {
    background-image: url("../../images/nosotros/bg5-tab.jpg");
    background-position: center;
  }
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph2 {
    background-image: none;
  }
}
#nosotros #paragraph2 .wrap {
  float: left;
  text-align: left;
  width: 50%;
  padding: 30px 0;
  padding-bottom: 50px;
}
@media only screen and (max-width: 800px) {
  #nosotros #paragraph2 .wrap {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #nosotros #paragraph2 .wrap:first-child {
    margin-left: auto;
  }
  #nosotros #paragraph2 .wrap:last-child {
    margin-right: auto;
  }
}
#nosotros #paragraph2 .wrap h1 {
  text-align: left;
}
@media only screen and (max-width: 800px) {
  #nosotros #paragraph2 .wrap h1 {
    text-align: center;
  }
}
#nosotros #paragraph3 .wrap {
  float: right;
  text-align: left;
  width: 50%;
  padding: 30px 0;
  z-index: 50;
  position: relative;
}
@media only screen and (max-width: 690px) {
  #nosotros #paragraph3 .wrap {
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph3 .wrap {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #nosotros #paragraph3 .wrap:first-child {
    margin-left: auto;
  }
  #nosotros #paragraph3 .wrap:last-child {
    margin-right: auto;
  }
}
#nosotros #paragraph3 .wrap h1 {
  text-align: left;
}
#nosotros #paragraph3 .wrap .btn-green {
  width: auto;
  float: left;
  margin: 20px auto;
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph3 .wrap .btn-green {
    float: none;
    width: auto;
    display: table;
  }
}
#nosotros #paragraph4 .wrap {
  float: right;
  text-align: left;
  width: 50%;
  padding: 30px 0;
  z-index: 50;
  position: relative;
}
@media only screen and (max-width: 690px) {
  #nosotros #paragraph4 .wrap {
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph4 .wrap {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #nosotros #paragraph4 .wrap:first-child {
    margin-left: auto;
  }
  #nosotros #paragraph4 .wrap:last-child {
    margin-right: auto;
  }
}
#nosotros #paragraph4 .wrap h1 {
  text-align: left;
}
#nosotros #paragraph4 .wrap .btn-green {
  width: auto;
  float: left;
  margin: 20px auto;
}
@media only screen and (max-width: 600px) {
  #nosotros #paragraph4 .wrap .btn-green {
    float: none;
    width: auto;
    display: table;
  }
}
/* //// Promociones  */
#promociones {
  margin: 30px 0;
}
@media only screen and (max-width: 1050px) {
  #promociones .content-center {
    max-width: 768px;
  }
}
#promociones .restricciones p {
  text-align: center;
}
#promociones .promoGrid .row {
  color: #fff;
  margin: 30px 0;
  overflow: hidden;
  min-height: 260px;
  max-height: 260px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row {
    float: none;
    margin: 0 auto;
    max-height: none;
    max-width: none;
    max-width: 400px;
    margin: 30px auto;
  }
}
#promociones .promoGrid .row .imgPromo {
  width: 40%;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .imgPromo {
    width: 100% !important;
  }
}
#promociones .promoGrid .row .imgPromo img {
  max-width: none;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .imgPromo img {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    min-height: 0;
  }
}
#promociones .promoGrid .row .imgPromo:after {
  content: '';
  height: 100%;
  width: 22%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 1050px) {
  #promociones .promoGrid .row .imgPromo:after {
    width: 26%;
  }
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .imgPromo:after {
    display: none;
  }
}
#promociones .promoGrid .row .promo {
  width: 50%;
  position: absolute;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo {
    position: relative;
    width: 100%;
    padding: 0 !important;
    text-align: center !important;
    height: auto;
  }
}
#promociones .promoGrid .row .promo .in {
  height: 100%;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo .in {
    display: block;
    height: auto;
  }
}
#promociones .promoGrid .row .promo .in .in2 {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo .in .in2 {
    padding: 1em;
    display: block;
    height: auto;
  }
}
#promociones .promoGrid .row .promo .in .in2 h2 {
  line-height: 1em;
  margin: 17px 0;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.5rem;
}
#promociones .promoGrid .row .promo .in .in2 p {
  margin: 17px 0;
  font-size: 1.5rem;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo .in .in2 p {
    text-align: left;
  }
}
#promociones .promoGrid .row .promo .in .in2 .buttons {
  position: relative;
  width: 110%;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo .in .in2 .buttons {
    width: 100%;
  }
}
#promociones .promoGrid .row .promo .in .in2 .buttons a {
  background: #fff;
  display: inline-block;
  padding: 9px 15px;
  margin: 0 5px;
  font-weight: 600;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row .promo .in .in2 .buttons a {
    width: 100%;
    margin-bottom: 10px;
  }
}
#promociones .promoGrid .row .promo .in .in2 .buttons a:hover {
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
#promociones .promoGrid .row:nth-child(odd) {
  background: #fa4616;
}
#promociones .promoGrid .row:nth-child(odd) .imgPromo {
  float: left;
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(odd) .imgPromo {
    width: 47%;
  }
}
#promociones .promoGrid .row:nth-child(odd) .imgPromo img {
  float: left;
}
@media only screen and (max-width: 1050px) {
  #promociones .promoGrid .row:nth-child(odd) .imgPromo img {
    margin-left: -44px;
  }
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(odd) .imgPromo img {
    margin-left: -30px;
  }
}
#promociones .promoGrid .row:nth-child(odd) .imgPromo:after {
  left: 25%;
  background: url("../../images/promociones/promoBgRight.svg") no-repeat center;
}
@media only screen and (max-width: 1050px) {
  #promociones .promoGrid .row:nth-child(odd) .imgPromo:after {
    left: 23%;
  }
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(odd) .imgPromo:after {
    width: 38%;
  }
}
#promociones .promoGrid .row:nth-child(odd) .promo {
  float: right;
  text-align: right;
  padding: 0 5% 0 0;
  right: 0;
}
#promociones .promoGrid .row:nth-child(odd) .promo .buttons {
  right: 10%;
}
@media only screen and (max-width: 600px) {
  #promociones .promoGrid .row:nth-child(odd) .promo .buttons {
    right: 0;
  }
}
#promociones .promoGrid .row:nth-child(odd) .promo .buttons a {
  color: #fa4616;
}
#promociones .promoGrid .row:nth-child(odd) .promo .buttons a:hover {
  background: #00a499;
  color: #fff;
}
#promociones .promoGrid .row:nth-child(even) {
  background: #00a499;
}
#promociones .promoGrid .row:nth-child(even) .imgPromo {
  float: right;
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(even) .imgPromo {
    width: 57%;
  }
}
#promociones .promoGrid .row:nth-child(even) .imgPromo img {
  float: right;
}
@media only screen and (max-width: 1050px) {
  #promociones .promoGrid .row:nth-child(even) .imgPromo img {
    margin-right: -60px;
  }
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(even) .imgPromo img {
    margin-right: -40px;
  }
}
#promociones .promoGrid .row:nth-child(even) .imgPromo:after {
  right: 25%;
  background: url("../../images/promociones/promoBgLeft.svg") no-repeat center;
}
@media only screen and (max-width: 1050px) {
  #promociones .promoGrid .row:nth-child(even) .imgPromo:after {
    right: 21%;
    width: 27%;
  }
}
@media only screen and (max-width: 800px) {
  #promociones .promoGrid .row:nth-child(even) .imgPromo:after {
    width: 50%;
  }
}
#promociones .promoGrid .row:nth-child(even) .promo {
  float: left;
  text-align: left;
  padding: 0 0 0 5%;
}
#promociones .promoGrid .row:nth-child(even) .promo .buttons a {
  color: #00a499;
}
#promociones .promoGrid .row:nth-child(even) .promo .buttons a:hover {
  background: #fa4616;
  color: #fff;
}
/* //// Servicios  */
#servicios {
  margin: 30px 0;
}
#servicios .col3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 30px;
}
#servicios .col3::after {
  content: '';
  display: table;
  clear: both;
}
#servicios .col3:nth-child(n) {
  margin-right: 3%;
  float: left;
  clear: none;
}
#servicios .col3:nth-child(3n) {
  margin-right: 0%;
  float: right;
}
#servicios .col3:nth-child(3n + 1) {
  clear: both;
}
@media only screen and (max-width: 800px) {
  #servicios .col3 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #servicios .col3::after {
    content: '';
    display: table;
    clear: both;
  }
  #servicios .col3:nth-child(n) {
    margin-right: 3%;
    float: left;
    clear: none;
  }
  #servicios .col3:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  #servicios .col3:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 600px) {
  #servicios .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #servicios .col3:first-child {
    margin-left: auto;
  }
  #servicios .col3:last-child {
    margin-right: auto;
  }
}
#servicios h2 {
  color: #808080;
  font-size: 16px;
  text-align: center;
}
#servicios img {
  margin: 20px auto;
  display: block;
}
#zonaakron {
  background: #122d70;
  padding-top: 30px;
  padding-bottom: 20px;
}
#zonaakron h1 span {
  color: #fff;
}
#zonaakron h1 img {
  max-width: 350px;
  width: 100%;
}
#zonaakron p,
#zonaakron h3 {
  color: #fff;
}
#zonaakron .row {
  overflow: hidden;
}
#zonaakron .row img {
  display: block;
  margin: 0 auto;
  max-height: 150px;
}
#zonaakron .row h3 {
  text-align: center;
}
#zonaakron .disponible {
  text-align: center;
  margin-top: 40px;
  float: left;
  width: 100%;
}
/* //// Contacto  */
#contacto {
  margin: 30px 0;
}
@media only screen and (max-width: 800px) {
  #contacto .col2-3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #contacto .col2-3:first-child {
    margin-left: auto;
  }
  #contacto .col2-3:last-child {
    margin-right: auto;
  }
}
#contacto .contactInfo {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f3f3f3;
  margin-bottom: 30px;
}
@media only screen and (max-width: 800px) {
  #contacto .contactInfo {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #contacto .contactInfo:first-child {
    margin-left: auto;
  }
  #contacto .contactInfo:last-child {
    margin-right: auto;
  }
}
#contacto .contactInfo h3 {
  color: #00a499;
  padding: 0 20px;
}
#contacto .contactInfo p {
  padding: 0 20px;
  color: #666;
  font-weight: 400;
}
#contacto .contactInfo hr {
  border: 1px solid #fff;
  margin: 30px 0;
}
#contacto .contactInfo ul {
  list-style: none;
  padding: 0 20px;
}
#contacto .contactInfo ul li {
  color: #666;
  padding-bottom: 10px;
  font-weight: 400;
}
#contacto .contactInfo ul li span {
  color: #00a499;
  padding-right: 10px;
}
#contacto .form input,
#contacto .form textarea {
  width: 100%;
  border: 1px solid #00a499;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  padding-left: 15px;
  box-sizing: border-box;
  color: #000;
  font-size: 1em;
  background: #fbfbfb;
  font-weight: 400;
}
#contacto .form input:hover,
#contacto .form textarea:hover,
#contacto .form input:focus,
#contacto .form textarea:focus {
  border: 1px solid #0bbcb0;
}
#contacto .form input:focus,
#contacto .form textarea:focus {
  background: #fff;
}
#contacto .form input.error-form,
#contacto .form textarea.error-form {
  border-color: #fa4616;
}
#contacto .form textarea {
  resize: none;
  font-size: 1em;
  height: 180px;
}
#contacto .form input[type=submit] {
  background: #fa4616;
  color: #fff;
  text-transform: uppercase;
  border: none;
  font-weight: 600;
  cursor: pointer;
  height: 45px;
  -webkit-appearance: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: table;
  margin: 0 auto;
  width: auto;
  padding: 0 30px;
  font-size: 1.4rem;
}
#contacto .form input[type=submit]:hover,
#contacto .form input[type=submit]:focus {
  background: #00a499;
}
#map {
width: 80%;
    height: 500px;
    text-align: right;
    float: right;
}
@media only screen and (max-width: 600px) {
  #map {
    height: 250px;
    display: none;
  }
}
.mapHeading {
  color: #fa4616;
  font-weight: 600;
  font-size: 23px;
  text-align: center;
  border-top: 1px solid #f3f3f3;
  line-height: 70px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 600px) {
  .mapHeading {
    font-size: 15px;
    line-height: 50px;
  }
}
.mapHeading span {
  color: #000;
}
.mapHeading .atras {
  width: 98px;
  height: 100%;
  float: left;
  margin-left: 0;
}
@media only screen and (max-width: 600px) {
  .mapHeading .atras {
    width: 70px;
  }
}
.mapHeading .atras a {
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background-position: center -1294px;
}
@media only screen and (max-width: 600px) {
  .mapHeading .atras a {
    background-position: center -1799px;
  }
}
.mapHeading .atras a:hover {
  background-position: center -1381px;
}
@media only screen and (max-width: 600px) {
  .mapHeading .atras a:hover {
    background-position: center -1799px;
  }
}
/* //// Tips */
#tips {
  margin-top: 50px;
}
#tips .tip {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  height: 250px;
}
#tips .tip::after {
  content: '';
  display: table;
  clear: both;
}
#tips .tip:nth-child(n) {
  margin-right: 3%;
  float: left;
  clear: none;
}
#tips .tip:nth-child(3n) {
  margin-right: 0%;
  float: right;
}
#tips .tip:nth-child(3n + 1) {
  clear: both;
}
@media only screen and (max-width: 1050px) {
  #tips .tip {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #tips .tip::after {
    content: '';
    display: table;
    clear: both;
  }
  #tips .tip:nth-child(n) {
    margin-right: 3%;
    float: left;
    clear: none;
  }
  #tips .tip:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  #tips .tip:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 800px) {
  #tips .tip {
    cursor: pointer;
  }
}
@media only screen and (max-width: 600px) {
  #tips .tip {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #tips .tip:first-child {
    margin-left: auto;
  }
  #tips .tip:last-child {
    margin-right: auto;
  }
}
#tips .tip .content {
  height: 200px;
  display: table;
  width: 100%;
}
#tips .tip .content h2 {
  font-weight: 400;
  font-size: 2.2rem;
  text-align: center;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  line-height: 120%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#tips .tip .mas {
  background: #fa4616;
  height: 50px;
  position: relative;
}
#tips .tip .mas span {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fa4616;
  font-weight: 600;
  font-size: 1.8rem;
}
#tips .tip .hidden {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00a499;
  color: #fff;
  bottom: -100%;
  opacity: 0;
  left: 0;
  -webkit-transition: opacity 0.3s, bottom 0.3s;
  -moz-transition: opacity 0.3s, bottom 0.3s;
  -o-transition: opacity 0.3s, bottom 0.3s;
  transition: opacity 0.3s, bottom 0.3s;
  padding: 20px;
  display: table;
}
@media only screen and (max-width: 600px) {
  #tips .tip .hidden {
    padding: 60px;
  }
}
@media only screen and (max-width: 400px) {
  #tips .tip .hidden {
    padding: 20px;
  }
}
#tips .tip .hidden .innerTip {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#tips .tip .hidden p {
  font-weight: 400;
  text-align: center;
  font-size: 1.5rem;
  margin: 0;
}
#tips .tip .hidden p span {
  display: block;
  font-weight: 800;
  font-size: 1.7rem;
  margin-bottom: 10px;
}
#tips .tip:hover .hidden,
#tips .tip.active .hidden {
  opacity: 1;
  bottom: 0;
  -webkit-transition: opacity 0.3s, bottom 0.3s;
  -moz-transition: opacity 0.3s, bottom 0.3s;
  -o-transition: opacity 0.3s, bottom 0.3s;
  transition: opacity 0.3s, bottom 0.3s;
}
/* //// Bolsa de trabajo  */
#bolsaDeTrabajo a {
  color: #fa4616;
}
#bolsaDeTrabajo p {
  max-width: 850px;
}
#bolsaDeTrabajo .intro {
  margin-top: 50px;
}
/* //// Aviso de privacidad  */
#avisoDePrivacidad {
  margin: 50px 0;
}
#avisoDePrivacidad h1 {
  text-align: center;
  font-weight: 600;
}
#avisoDePrivacidad h1 span {
  color: #fa4616;
}
#avisoDePrivacidad p {
  line-height: 1.6em;
  font-weight: 400;
}
#avisoDePrivacidad h3 {
  color: #fa4616;
  margin-top: 1.6em;
}
#avisoDePrivacidad h4 {
  color: #00a499;
}
#avisoDePrivacidad .listaTexto li {
  margin-bottom: 1em;
  list-style: circle;
}
#avisoDePrivacidad .listaNum li {
  margin-bottom: 1em;
}
#avisoDePrivacidad .btn-green {
  width: auto;
  display: table;
}
@media only screen and (max-width: 600px) {
  #avisoDePrivacidad .btn-green {
    width: 100%;
    padding: 10px 0;
  }
}
/* //// Estaciones  */
@media only screen and (max-width: 600px) {
  #estaciones .navZonas {
    margin-bottom: 0 !important;
  }
  #estaciones .navZonas .chosen-container {
    margin-bottom: 10px;
    display: none;
  }
}
#estaciones .navZonas .col3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
#estaciones .navZonas .col3::after {
  content: '';
  display: table;
  clear: both;
}
#estaciones .navZonas .col3:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 600px) {
  #estaciones .navZonas .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #estaciones .navZonas .col3:first-child {
    margin-left: auto;
  }
  #estaciones .navZonas .col3:last-child {
    margin-right: auto;
  }
}
#estaciones .floater {
  margin-bottom: -40px;
/*+below(2)
			margin-bottom:0*/
}
#estaciones .intro {
  margin-top: 50px;
}
#estaciones .intro p {
  font-size: 1.8rem;
  max-width: 700px;
}
#estaciones .intro p strong {
  font-weight: 500;
}
#estaciones .zona {
  position: relative;
}
#estaciones .zona h2 {
  background: #fa4616;
  padding: 10px 30px;
  color: #fff;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 90px 0 30px;
  letter-spacing: 0.5px;
/*+below(2)
				width:100%
				border-radius:0
				margin-bottom:0
				margin-top:1px*/
}
#estaciones .zona:after {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -55px;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #f3f3f3;
  z-index: -1;
/*+below(2)
				display:none*/
}
#estaciones .estacionGrid .estacionItem {
  float: left;
  clear: none;
  text-align: inherit;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 70px;
}
#estaciones .estacionGrid .estacionItem::after {
  content: '';
  display: table;
  clear: both;
}
#estaciones .estacionGrid .estacionItem:nth-child(n) {
  margin-right: 0%;
  float: left;
  clear: none;
}
#estaciones .estacionGrid .estacionItem:nth-child(4n) {
  margin-right: 0%;
  float: right;
}
#estaciones .estacionGrid .estacionItem:nth-child(4n + 1) {
  clear: both;
}
@media only screen and (max-width: 1050px) {
  #estaciones .estacionGrid .estacionItem {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #estaciones .estacionGrid .estacionItem::after {
    content: '';
    display: table;
    clear: both;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(n) {
    margin-right: 0%;
    float: left;
    clear: none;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(3n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 800px) {
  #estaciones .estacionGrid .estacionItem {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #estaciones .estacionGrid .estacionItem::after {
    content: '';
    display: table;
    clear: both;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(n) {
    margin-right: 0%;
    float: left;
    clear: none;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  #estaciones .estacionGrid .estacionItem:nth-child(2n + 1) {
    clear: both;
  }
}
#contacto.floater {
    margin-top: 10%;
}
input#wpforms-4820-field_1, input#wpforms-4820-field_2, input#wpforms-4820-field_4, textarea#wpforms-4820-field_5 {
        border: 0px;
        border-bottom: 1px solid #ccc;
}
button#wpforms-submit-4820 {
    background-color: black;
    border: 0;
    color: white;
    font-size: 1.5em;
    padding: 10px 15px;
    font-weight: 600;
    letter-spacing: 4px;
}
.intro h1 {
    color: black;
    font-size: 2.2em;
}
@media only screen and (max-width: 600px) {
  #estaciones .estacionGrid .estacionItem {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #estaciones .estacionGrid .estacionItem:first-child {
    margin-left: auto;
  }
  #estaciones .estacionGrid .estacionItem:last-child {
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  #estaciones .estacionGrid .estacionItem .pic {
    width: 80px;
    height: 80px;
    float: left;
  }
}
@media only screen and (max-width: 600px) {
  #estaciones .estacionGrid .estacionItem .content {
    width: calc(100% - 80px);
    float: left;
  }
  #estaciones .estacionGrid .estacionItem .content .title,
  #estaciones .estacionGrid .estacionItem .content .subTitle {
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  #estaciones .estacionGrid .estacionItem:hover .hidden {
    display: none;
  }
}
#estaciones.estacionesBP .zona h2 {
  background-color: #00a500;
}
#estaciones.estacionesBP .estacionItem a .content .title,
#estaciones.estacionesBP .estacionItem a .content .subTitle {
  color: #00a500;
}
#estaciones.estacionesBP .estacionItem a .hidden {
  background-color: #004735;
}
.estacionItem {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}
.estacionItem a {
  height: 100%;
  display: block;
  position: relative;
}
.estacionItem a .pic {
  width: 100%;
  height: 700px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(1);
  -webkit-transition: all .8s ease-in-out;
}
.estacionItem a:hover .pic {
    filter: none;
}
.estacionItem a .content {
  background: #f3f3f3;
  padding: 20px 10px;
}
.estacionItem a .content .title {
  color: #00a499;
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 120%;
}
.estacionItem a .content .subTitle {
  text-transform: uppercase;
  font-size: 1.3rem;
  text-align: center;
  line-height: 120%;
  font-weight: 400;
  margin-top: 5px;
  color: #00a499;
}
.estacionItem a .hidden {
  height: 100%;
  width: 100%;
  position: absolute;
  background: #fa4616;
  bottom: -100%;
  opacity: 0;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  -moz-transition: bottom 0.3s, opacity 0.3s;
  -o-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
}
.estacionItem a .hidden .title {
  font-size: 1.6rem;
  font-weight: 600;
}
.estacionItem a .hidden .subTitle {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.estacionItem a .hidden .address {
  margin-top: 5px;
  font-weight: 400;
  font-size: 1.4rem;
}
.estacionItem a:hover .hidden {
  opacity: 1;
  bottom: 0;
  -webkit-transition: bottom 0.3s, opacity 0.3s;
  -moz-transition: bottom 0.3s, opacity 0.3s;
  -o-transition: bottom 0.3s, opacity 0.3s;
  transition: bottom 0.3s, opacity 0.3s;
}
.touch .estacionItem a:hover .hidden {
  bottom: -100%;
}
/* //// Estacion  */
#estacion map {
  width: 100%;
  height: 600px;
}
@media only screen and (max-width: 600px) {
  #estacion map {
    height: 250px;
  }
}
#estacion .mapHeading {
  color: #fa4616;
  font-weight: 600;
  font-size: 2.3rem;
  text-align: center;
  border-top: 1px solid #f3f3f3;
  line-height: 70px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 600px) {
  #estacion .mapHeading {
    font-size: 15px;
    line-height: 50px;
  }
}
#estacion .mapHeading span {
  color: #000;
}
#estacion .mapDir {
  position: absolute;
  z-index: 500;
  background: rgba(255,255,255,0.95);
  width: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  top: 150px;
  left: 40px;
  font-size: 1.5rem;
  padding: 20px;
  line-height: 140%;
}
@media only screen and (max-width: 600px) {
  #estacion .mapDir {
    padding: 20px 0;
    position: relative;
    top: 0;
    font-size: 1.3rem;
    width: 100%;
    font-weight: 400;
    left: 0;
  }
}
#estacion .mapDir p {
  font-size: 1.5rem;
    background-color: #69696a;
    color: white;
    padding: 20px;
    margin: 0;
}
#estacion .mapDir p span {
  font-size: 1.8rem;
}
@media only screen and (max-width: 600px) {
  #estacion .mapDir p {
    padding: 0 20px;
  }
}
#estacion .mapDir ul {
  list-style: none;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  #estacion .mapDir ul {
    padding: 0 20px;
  }
}
#estacion .mapDir ul li {
  margin-bottom: 8px;
  border-bottom: 1px solid;
}
#estacion .mapDir ul li:before {
  color: #fff;
  content: '+';
  margin-right: 10px;
  font-weight: bold;
  display: inline-block;
  height: 17px;
  width: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  letter-spacing: 2px;
  padding-left: 3px;
  font-size: 1.8rem;
  line-height: 18px;
  float: right;
}
#estacion .mapDir h2 {
      color: #007297;
    font-size: 3.5rem;
    font-weight: bold;
    background-color: black;
    margin: 0px !important;
    padding: 20px;
    text-align: center;
}
#estacion ul li {
  margin-bottom: 8px;
  border-bottom: 1px solid;
}
#estacion ul li:before {
  color: #fff;
  content: '+';
  margin-right: 10px;
  font-weight: bold;
  display: inline-block;
  height: 17px;
  width: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  letter-spacing: 2px;
  padding-left: 3px;
  font-size: 1.8rem;
  line-height: 18px;
  float: right;
}
#estacion h2 {
      color: #007297;
    font-size: 3.5rem;
    font-weight: bold;
    background-color: black;
    margin: 0px !important;
    padding: 20px;
    text-align: center;
}
@media only screen and (max-width: 600px) {
  #estacion .mapDir h2 {
    padding: 0 20px;
  }
}
#estacion .mapDir span {
  display: block;
}
#estacion .mapDir span:first-child {
  margin-top: 10px;
}
#estacion .mapDir span strong {
  color: #00a499;
}
#estacion .mapDir .btn-green {
  margin-top: 10px;
  display: none;
}
@media only screen and (max-width: 800px) {
  #estacion .mapDir .btn-green {
    display: block;
  }
}
/* //// Estacion  */
#masestaciones h2 {
  color: #fa4616;
  font-size: 17px;
  margin-bottom: 60px;
  margin-top: 40px;
  text-align: center;
  text-transform: uppercase;
}
#masestaciones .estacionItem {
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 30px;
}
#masestaciones .estacionItem::after {
  content: '';
  display: table;
  clear: both;
}
#masestaciones .estacionItem:nth-child(n) {
  margin-right: 3%;
  float: left;
  clear: none;
}
#masestaciones .estacionItem:nth-child(4n) {
  margin-right: 0%;
  float: right;
}
#masestaciones .estacionItem:nth-child(4n + 1) {
  clear: both;
}
@media only screen and (max-width: 1050px) {
  #masestaciones .estacionItem {
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #masestaciones .estacionItem::after {
    content: '';
    display: table;
    clear: both;
  }
  #masestaciones .estacionItem:nth-child(n) {
    margin-right: 3%;
    float: left;
    clear: none;
  }
  #masestaciones .estacionItem:nth-child(3n) {
    margin-right: 0%;
    float: right;
  }
  #masestaciones .estacionItem:nth-child(3n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 800px) {
  #masestaciones .estacionItem {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #masestaciones .estacionItem::after {
    content: '';
    display: table;
    clear: both;
  }
  #masestaciones .estacionItem:nth-child(n) {
    margin-right: 3%;
    float: left;
    clear: none;
  }
  #masestaciones .estacionItem:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  #masestaciones .estacionItem:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 600px) {
  #masestaciones .estacionItem {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #masestaciones .estacionItem:first-child {
    margin-left: auto;
  }
  #masestaciones .estacionItem:last-child {
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  #masestaciones .estacionItem .pic {
    width: 80px;
    height: 80px;
    float: left;
  }
}
@media only screen and (max-width: 600px) {
  #masestaciones .estacionItem .content {
    width: calc(100% - 80px);
    float: left;
  }
  #masestaciones .estacionItem .content .title,
  #masestaciones .estacionItem .content .subTitle {
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  #masestaciones .estacionItem:hover .hidden {
    display: none;
  }
}
/* //// Estacion Reel  */
.reelIndex .content-center h1 {
  text-align: center;
  margin: 50px 0;
  line-height: 3.5rem;
  font-size: 3rem;
}
.reelIndex .content-center .slick-list {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .reelIndex .content-center .slick-list {
    left: -20px;
    width: calc(100% + 40px);
  }
}
.reelIndex .content-center .slick-list .slick-track {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .reelIndex .content-center .slick-list .slick-track {
    margin-bottom: 50px;
  }
}
.reelIndex .content-center .slick-list .slick-track .slick-slide {
  width: 100%;
  margin: 0 20px;
}
@media only screen and (max-width: 800px) {
  .reelIndex .content-center .slick-list .slick-track .slick-slide {
    margin: 0 10px;
  }
}
.reelIndex .content-center .slick-dots {
  display: table;
  margin: 50px auto;
}
.reelIndex .content-center .slick-dots li {
  float: left;
  margin: 0 5px;
}
.reelIndex .content-center .slick-dots li button {
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 2px solid #fff;
  padding: 0;
  position: relative;
}
.reelIndex .content-center .slick-dots li button:after {
  border: 2px solid #00a499;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  content: "";
  display: block;
  height: 18px;
  left: -3px;
  position: absolute;
  top: -3px;
  width: 18px;
  z-index: -1;
}
@media only screen and (max-width: 600px) {
  .reelIndex .content-center .slick-dots li button:after {
    top: -5px;
    left: -5px;
  }
}
@media only screen and (max-width: 600px) {
  .reelIndex .content-center .slick-dots li button {
    width: 12px;
    height: 12px;
  }
}
.reelIndex .content-center .slick-dots li.slick-active button {
  background: #00a499;
}
@media only screen and (max-width: 480px) {
  .reelIndex .content-center .slick-dots {
    display: none;
  }
}
/* //// Select estaciones  */
#estacionesServicio {
  background-color: #ffb81c;
  color: #000;
  text-align: center;
  padding-bottom: 60px;
}
#estacionesServicio .col3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
#estacionesServicio .col3::after {
  content: '';
  display: table;
  clear: both;
}
#estacionesServicio .col3:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #estacionesServicio .col3:first-child {
    margin-left: auto;
  }
  #estacionesServicio .col3:last-child {
    margin-right: auto;
  }
}
#estacionesServicio .col2-3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.66666666666666%;
  margin-left: 0%;
  margin-right: 3%;
}
#estacionesServicio .col2-3::after {
  content: '';
  display: table;
  clear: both;
}
#estacionesServicio .col2-3:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .col2-3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #estacionesServicio .col2-3:first-child {
    margin-left: auto;
  }
  #estacionesServicio .col2-3:last-child {
    margin-right: auto;
  }
}
#estacionesServicio:after,
#estacionesServicio:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#estacionesServicio:after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  bottom: 0;
}
#estacionesServicio:before {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  top: 0;
}
#estacionesServicio .cuenta {
  margin-top: 40px;
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .cuenta {
    position: static;
    margin: 0 auto;
  }
}
#estacionesServicio .cuenta:after {
  width: 1px;
  background: #000;
  content: '';
  position: absolute;
  height: 100px;
  right: 20px;
  top: 0px;
  bottom: 0;
  margin: auto 0;
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .cuenta:after {
    right: 0;
  }
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .cuenta:after {
    width: 100px;
    height: 1px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
  }
}
#estacionesServicio .cuenta .numero {
  display: block;
  font-size: 132px;
  font-weight: 600;
  line-height: 90%;
  margin-top: -10px;
}
#estacionesServicio .cuenta .cuentaTxt {
  font-size: 22px;
  letter-spacing: 1.92px;
  font-weight: 300;
  line-height: 100%;
}
#estacionesServicio .estacionesIntroTxt {
  font-size: 1.8rem;
  font-weight: 300;
}
#estacionesServicio .estacionesIntroTxt p {
  max-width: 540px;
  margin: 40px auto;
  margin-top: 80px;
  letter-spacion: 0.11px;
  line-height: 160%;
  text-align: left;
}
#estacionesServicio .estacionesIntroTxt p strong {
  font-weight: 500;
}
@media only screen and (max-width: 800px) {
  #estacionesServicio .estacionesIntroTxt p {
    margin-top: 20px;
    text-align: center;
  }
}
.selectEstaciones {
  height: 40px;
  width: 100%;
  font-size: 0.8em;
  font-family: webfont;
/*max-width:300px*/
/*	
.selectZonas
	+below(2)
		padding 10px
		font-weight:600
		-webkit-appearance none
		-moz-appearance none
		appearance none
		border 0
		background #BF870B
		font-size 15px
		color white
		border-radius 3px
		width 100%
		outline 0
		letter-spacing .3px
		box-sizing border-box
		-webkit-box-sizing border-box
		border-radius:20px
		text-align:center
		font-family:webFont
		position :relative
		margin-bottom:10px

	*/
}
@media only screen and (max-width: 600px) {
  .selectEstaciones {
    padding: 10px;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #bf870b;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    outline: 0;
    letter-spacing: 0.3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
  }
}
.selectArrow {
  display: none;
}
@media only screen and (max-width: 600px) {
  .touch .selectArrow {
    position: absolute;
    width: 35px;
    height: 35px;
    display: block;
    bottom: 4px;
    right: 0;
    background: rgba(0,0,0,0) url("../../images/common/chosen-sprite.svg") no-repeat scroll 60% -20%;
  }
}
.chosen-container {
  width: 40% !important;
  min-width: 300px;
}
@media only screen and (max-width: 600px) {
  .chosen-container {
    width: 100% !important;
    max-width: 300px;
    min-width: unset;
  }
}
.nosEstaciones .chosen-container {
  width: 30% !important;
}
.chosen-container-single .chosen-single {
  background: #bf870b;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #bf870b;
  font-size: 1.6rem;
  font-weight: 400;
}
#estaciones .chosen-container-single .chosen-single {
  background: #ffb81c;
  border: 1px solid #ffb81c;
}
#estaciones .chosen-container .chosen-drop {
  background: #ffb81c;
  border-color: #ffb81c;
}
#estaciones .chosen-container .chosen-results li {
  font-weight: 500;
  font-size: 1.5rem;
}
#estaciones .chosen-container .chosen-results li:hover {
  background-color: #fff;
  color: #bf870b;
}
.chosen-container-single .chosen-single span {
  text-align: center;
}
.chosen-container .chosen-drop {
  background: #bf870b;
  color: #fff;
  border-color: #bf870b;
}
.chosen-container .chosen-results {
  color: #fff;
}
.chosen-container .chosen-results li {
  line-height: 30px;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #ffb81c;
  color: #000;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #bf870b;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chosen-container-single .chosen-single div {
  width: 32px;
}
/* //// Nav Zonas  */
.navZonas {
  margin: 0 auto 30px auto;
  display: table;
  max-width: 750px;
  float: none;
  margin-bottom: 0 !important;
}
.navZonas .button {
  background: #ffb81c;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #ffb81c;
  font-size: 1.6rem;
  font-weight: 400;
  display: block;
  padding: 7px 13px;
  text-align: center;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
@media only screen and (max-width: 600px) {
  .navZonas .button {
    margin-bottom: 10px;
    padding: 10px 13px;
  }
}
.navZonas .button:hover {
  background: #bf870b;
  border: 1px solid #bf870b;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.navZonas .chosen-container {
  width: 100% !important;
  min-width: 100%;
}
@media only screen and (max-width: 800px) {
  .navZonas .chosen-container {
    max-width: none;
    min-width: 100%;
  }
}
.category-tamps .navZonas .col3:nth-child(2) .button {
  background: #bf870b;
  border: 1px solid #bf870b;
}
.category-qro .navZonas .col3:nth-child(3) .button {
  background: #bf870b;
  border: 1px solid #bf870b;
}
.blog .navZonas .col3:nth-child(1) .button {
  background: #bf870b;
  border: 1px solid #bf870b;
}
/* //// Tabla de puntos  */
#tablaPuntos h1 {
  margin-top: 50px;
}
#tablaPuntos .row {
  margin: 0 0 2em;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  #tablaPuntos .col3 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #tablaPuntos .col3::after {
    content: '';
    display: table;
    clear: both;
  }
  #tablaPuntos .col3:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 600px) {
  #tablaPuntos .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #tablaPuntos .col3:first-child {
    margin-left: auto;
  }
  #tablaPuntos .col3:last-child {
    margin-right: auto;
  }
}
#tablaPuntos .puntos strong {
  font-weight: 600;
  clear: both;
  display: block;
  font-size: 1.6em;
  line-height: 140%;
}
#tablaPuntos .puntos div {
  padding: 0.8em;
  text-align: center;
  font-size: 1.2em;
  font-weight: 300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 800px) {
  #tablaPuntos .puntos div {
    font-size: 1em;
  }
}
@media only screen and (max-width: 600px) {
  #tablaPuntos .puntos div {
    font-size: 1.2em;
    margin: 0.5em 0;
  }
}
#tablaPuntos .puntos div.magna {
  border: 1px solid #2e7940;
  color: #2e7940;
}
#tablaPuntos .puntos div.premium {
  border: 1px solid #be2020;
  color: #be2020;
}
#tablaPuntos .puntos div.diesel {
  border: 1px solid #000;
  color: #000;
}
/* //// Bases Ganas porque Cargas  */
#basesGanasPorqueCargas {
  margin: 50px 0;
}
#basesGanasPorqueCargas h1 {
  text-align: center;
  font-weight: 600;
  color: #000;
}
#basesGanasPorqueCargas h1 span {
  color: #fa4616;
}
#basesGanasPorqueCargas p {
  line-height: 1.6em;
  font-weight: 400;
}
#basesGanasPorqueCargas h3 {
  color: #fa4616;
  margin-top: 1.6em;
}
#basesGanasPorqueCargas h4 {
  color: #00a499;
}
#homeslider {
  margin-top: 75px;
  min-height: 400px;
}
@media only screen and (max-width: 600px) {
  #homeslider {
    min-height: 300px;
  }
}
.home #contactBar {
  margin-top: 0;
}
/* VACANTEZ */
#vacantes .filterTitle {
  color: #808285;
  text-align: center;
  font-size: 18px;
  margin-top: 40px;
  font-weight: 400;
}
#vacantes #Filters {
  margin: 20px auto 60px auto;
  max-width: 460px;
  display: block;
  overflow: hidden;
}
#vacantes #Filters .select {
  position: relative;
  float: left;
  clear: none;
  text-align: inherit;
  width: 47.5%;
  margin-left: 0%;
  margin-right: 5%;
}
#vacantes #Filters .select:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: #fa4716 transparent transparent;
  display: block;
  position: absolute;
  pointer-events: none;
  right: 10px;
  top: 20px;
}
#vacantes #Filters .select::after {
  content: '';
  display: table;
  clear: both;
}
#vacantes #Filters .select:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 600px) {
  #vacantes #Filters .select {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
  #vacantes #Filters .select:first-child {
    margin-left: auto;
  }
  #vacantes #Filters .select:last-child {
    margin-right: auto;
  }
}
#vacantes #Filters .select select {
  padding: 10px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #bcc7d3;
  background: #fff;
  font-size: 17px;
  font-weight: 600;
  color: #a3abb5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  outline: 0;
  letter-spacing: 0.3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#vacantes #Filters .select select option {
  line-height: 160%;
}
#vacantes #vacantesGrid .vacante {
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
  display: none;
  margin-bottom: 40px;
  padding: 20px 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 210px;
/*border-top 5px solid #f1f2f2*/
}
#vacantes #vacantesGrid .vacante::after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 1050px) {
  #vacantes #vacantesGrid .vacante {
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  #vacantes #vacantesGrid .vacante::after {
    content: '';
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 600px) {
  #vacantes #vacantesGrid .vacante {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #vacantes #vacantesGrid .vacante:first-child {
    margin-left: auto;
  }
  #vacantes #vacantesGrid .vacante:last-child {
    margin-right: auto;
  }
}
#vacantes #vacantesGrid .vacante .fecha {
  text-transform: uppercase;
  color: #6d6e71;
  font-weight: 600;
  letter-spacing: -0.3px;
  font-size: 15px;
}
#vacantes #vacantesGrid .vacante h2 {
  color: #00a499;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 22px;
  letter-spacing: 0.5px;
}
#vacantes #vacantesGrid .vacante .estacion,
#vacantes #vacantesGrid .vacante .lugar {
  font-size: 17px;
  font-weight: 400;
  color: #6d6e71;
}
#vacantes #vacantesGrid .vacante a {
  background: #fa4616;
  color: #fff;
  display: block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-top: 20px;
  text-align: center;
  padding: 10px 20px;
  max-width: 220px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  #vacantes #vacantesGrid .vacante a {
    max-width: none;
    width: 100%;
  }
}
#vacantes #vacantesGrid .vacante a:hover {
  text-decoration: none;
  background: #fb592d;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#vacantes .infoVacante {
  margin: 40px 0;
}
#vacantes .infoVacante .content-center {
  max-width: 750px;
}
#vacantes .infoVacante .lugar,
#vacantes .infoVacante .estacion {
  background: #f3f3f3;
  padding: 10px 0;
  font-size: 17px;
  color: #6d6e71;
  font-weight: 300;
}
#vacantes .infoVacante .lugar strong,
#vacantes .infoVacante .estacion strong {
  font-weight: 600;
}
#vacantes .infoVacante .lugar {
  border-bottom: 1px solid #e6e7e8;
}
#vacantes .infoVacante .lugar strong {
  margin-left: 35px;
}
#vacantes .infoVacante .estacion strong {
  margin-left: 20px;
}
#vacantes .contentVacante .content-center {
  max-width: 750px;
}
#vacantes .contentVacante b {
  font-weight: 500;
}
#vacantes .contentVacante p {
  font-size: 19px;
  line-height: 160%;
  font-weight: 300;
}
#vacantes .contentVacante p strong {
  font-weight: 600;
}
#vacantes .contentVacante p a {
  color: #fa4616;
  text-decoration: none;
}
#vacantes .contentVacante ul {
  list-style: disc;
  padding-left: 40px;
}
#vacantes .contentVacante ul li {
  font-size: 19px;
  font-weight: 300;
  line-height: 160%;
}
#vacantes .applyVacante {
  margin: 50px 0;
}
#vacantes .applyVacante a {
  background: #fa4616;
  color: #fff;
  display: table;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
  max-width: 220px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  font-weight: 600;
}
#vacantes .applyVacante a:hover {
  text-decoration: none;
  background: #fb592d;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

#vacantes .applyGas {
  margin: 50px 0;
}
#vacantes .applyGas a {
  background: #982708;
  color: #fff;
  display: table;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
  max-width: 220px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  font-weight: 600;
}
#vacantes .applyVacante a:hover {
  text-decoration: none;
  background: #982708;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

#vacantes .formVacante .formContainer .col2 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
#vacantes .formVacante .formContainer .col2::after {
  content: '';
  display: table;
  clear: both;
}
#vacantes .formVacante .formContainer .col2:nth-child(n) {
  margin-right: 3%;
  float: left;
  clear: none;
}
#vacantes .formVacante .formContainer .col2:nth-child(2n) {
  margin-right: 0%;
  float: right;
}
#vacantes .formVacante .formContainer .col2:nth-child(2n + 1) {
  clear: both;
}
@media only screen and (max-width: 600px) {
  #vacantes .formVacante .formContainer .col2 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #vacantes .formVacante .formContainer .col2:first-child {
    margin-left: auto;
  }
  #vacantes .formVacante .formContainer .col2:last-child {
    margin-right: auto;
  }
}
#vacantes .formVacante .formContainer .personalData .col3 {
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.33333333333333%;
  margin-left: 0%;
  margin-right: 3%;
}
#vacantes .formVacante .formContainer .personalData .col3::after {
  content: '';
  display: table;
  clear: both;
}
#vacantes .formVacante .formContainer .personalData .col3:nth-child(n) {
  margin-right: 3%;
  float: left;
  clear: none;
}
#vacantes .formVacante .formContainer .personalData .col3:nth-child(3n) {
  margin-right: 0%;
  float: right;
}
#vacantes .formVacante .formContainer .personalData .col3:nth-child(3n + 1) {
  clear: both;
}
@media only screen and (max-width: 600px) {
  #vacantes .formVacante .formContainer .personalData .col3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #vacantes .formVacante .formContainer .personalData .col3:first-child {
    margin-left: auto;
  }
  #vacantes .formVacante .formContainer .personalData .col3:last-child {
    margin-right: auto;
  }
}
#vacantes .formVacante .formContainer form {
  max-width: 800px;
  margin: 0 auto;
  font-weight: 400;
}
#vacantes .formVacante .formContainer form .row {
  overflow: hidden;
}
#vacantes .formVacante .formContainer form input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
}
#vacantes .formVacante .formContainer form input[type=text] {
  line-height: 45px;
  display: block;
  width: 100%;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bcc7d3;
  color: #000;
  height: 45px;
  font-size: 14px;
  margin-bottom: 30px;
}
#vacantes .formVacante .formContainer form input[type=text]:hover,
#vacantes .formVacante .formContainer form input[type=text]:focus {
  border: 1px solid #0bbcb0;
}
#vacantes .formVacante .formContainer form input[type=text]:focus {
  background: #fff;
}
#vacantes .formVacante .formContainer form input[type=text].error-form {
  border-color: #fa4616;
}
#vacantes .formVacante .formContainer form input[type=submit] {
  background: #fa4616;
  color: #fff;
  display: table;
  width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px;
  max-width: 200px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  cursor: pointer;
}
#vacantes .formVacante .formContainer form input[type=submit]:hover {
  text-decoration: none;
  background: #fb592d;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#vacantes .formVacante .formContainer form .fileName {
  background-color: #f1f2f2;
  line-height: 45px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  position: relative;
}
@media only screen and (max-width: 600px) {
  #vacantes .formVacante .formContainer form .fileName {
    margin-top: 20px;
  }
}
#vacantes .formVacante .formContainer form .fileName.visible {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#vacantes .formVacante .formContainer form .fileName .deteleFile {
  background-image: url("../../images/common/vacantes.svg");
  background-position: center -137px;
  height: 18px;
  position: absolute;
  right: 9px;
  top: 14px;
  width: 18px;
  cursor: pointer;
}
#vacantes .formVacante .formContainer form .upload {
  margin-bottom: 30px;
}
@media only screen and (max-width: 800px) {
  #vacantes .formVacante .formContainer form .upload .col2 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #vacantes .formVacante .formContainer form .upload .col2:first-child {
    margin-left: auto;
  }
  #vacantes .formVacante .formContainer form .upload .col2:last-child {
    margin-right: auto;
  }
}
@media only screen and (max-width: 800px) {
  #vacantes .formVacante .formContainer form .upload .col2.fileName {
    margin-top: 10px;
  }
}
#vacantes .formVacante .formContainer form .upload label {
  float: left;
  width: 140px;
  line-height: 45px;
}
#vacantes .formVacante .formContainer form .upload .fileContainer {
  position: relative;
  float: left;
  width: calc(100% - 140px);
}
#vacantes .formVacante .formContainer form .upload .fileContainer .fileBar {
  width: 0;
  height: 48px;
  background-color: #00a499;
  position: absolute;
  top: 0;
  left: 0;
}
#vacantes .formVacante .formContainer form .upload .fileContainer .filebtn {
  border: 1px solid #bcc7d3;
  display: block;
  padding: 13px 40px 13px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #a3abb5;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
#vacantes .formVacante .formContainer form .upload .fileContainer .filebtn.error-form {
  border-color: #fa4616;
}
#vacantes .formVacante .formContainer form .upload .fileContainer .filebtn:after {
  position: absolute;
  right: 0;
  height: 100%;
  width: 50px;
  background-color: #00a499;
  content: " ";
  top: 0;
  background-image: url("../../images/common/vacantes.svg");
  background-repeat: no-repeat;
  background-position: center -17px;
}
#vacantes .formVacante .formContainer form .upload .fileContainer input[type=file] {
  position: absolute;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 45px;
  top: 0;
  left: 0;
  cursor: pointer;
}
#vacantes .formVacante .formContainer form .radioinput {
  margin-bottom: 30px;
}
@media only screen and (max-width: 800px) {
  #vacantes .formVacante .formContainer form .radioinput .col4 {
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%;
  }
  #vacantes .formVacante .formContainer form .radioinput .col4::after {
    content: '';
    display: table;
    clear: both;
  }
  #vacantes .formVacante .formContainer form .radioinput .col4:last-child {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 600px) {
  #vacantes .formVacante .formContainer form .radioinput .col4 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #vacantes .formVacante .formContainer form .radioinput .col4:first-child {
    margin-left: auto;
  }
  #vacantes .formVacante .formContainer form .radioinput .col4:last-child {
    margin-right: auto;
  }
}
#vacantes .formVacante .formContainer form .radioinput .label {
  line-height: 45px;
}
#vacantes .formVacante .formContainer form .radioinput label {
  border: 1px solid #bcc7d3;
  color: #bcc7d3;
  font-size: 14px;
  padding: 10px 15px;
  display: table;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  font-weight: 600;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  #vacantes .formVacante .formContainer form .radioinput label {
    margin: 10px auto;
  }
}
#vacantes .formVacante .formContainer form .radioinput label.checked {
  border: 1px solid #00a499;
  background: #00a499;
  color: #fff;
}
#vacantes .formVacante .formContainer form .radioinput label.error-form {
  border-color: #fa4616;
}
#vacantes .formVacante .formContainer form .radioinput label input[type=radio] {
  opacity: 0;
  position: absolute;
  width: auto;
}
.invisible {
  display: none !important;
}
b.orange {
  color: #fa4616;
}
.marTop {
  margin-top: 30px;
}
.promoBox {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
}
.promoBox .closeOverlayBt {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background-position: center -1528px;
  cursor: pointer;
  background-color: #fa4616;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  .promoBox .closeOverlayBt {
    right: 10px;
    top: 10px;
  }
}
.promoBox .closeOverlayBt:hover {
  background-color: #00a499;
}
.promoBox .row {
  width: 100%;
  float: left;
}
.promoBox h1 {
  text-transform: uppercase;
  font-size: 2em;
  color: nara;
}
.promoBox h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700;
  color: #00a499;
}
.promoBox h3 {
  font-weight: 400;
  text-align: center;
}
.promoBox p {
  font-weight: 300;
  font-size: 1.2em;
}
.promoBox small {
  font-size: 0.85em;
  letter-spacing: -0.1px;
}
.promoBox table.resultados {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  border-collapse: separate;
  border-spacing: 2px;
}
.promoBox table.resultados tbody {
  width: 100%;
}
.promoBox table.resultados tbody tr td {
  padding: 0.5em;
  color: #000;
  font-weight: 500;
}
.promoBox table.resultados tbody tr td:first-child {
  text-align: center;
  width: 25%;
}
.promoBox table.resultados tbody tr th {
  padding: 0.5em;
  background-color: #00b1a9;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
}
.promoBox table.resultados tbody tr th sup {
  text-transform: none;
}
.promoBox table.resultados tbody tr th:nth-child(1) {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -o-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.promoBox table.resultados tbody tr th:nth-child(2) {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -o-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.promoBox table.resultados tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.promoBox table.resultados tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  -o-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.promoBox table.resultados tbody tr:nth-child(odd) td {
  background: #d1d1d1;
}
.promoBox table.resultados tbody tr:nth-child(even) td {
  background: #e2e2e2;
}
.formLoad {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  text-align: center;
}
.formLoad .in {
  height: 100%;
  width: 100%;
  display: table;
}
.formLoad .in .intable {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.formLoad .in .intable .loaderBox {
  width: 300px;
  height: 210px;
  background-color: #00a499;
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.9;
  position: relative;
}
.formLoad .in .intable .loaderBox .loader {
  position: absolute;
  width: 100%;
}
.formLoad .in .intable .loaderBox #msgsent {
  padding: 1em;
}
.formLoad .in .intable .loaderBox #msgsent p {
  font-size: 1.1em;
  font-weight: 600;
}
.formLoad .in .intable .loaderBox #msgsent .close {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: table;
  color: #00a499;
  padding: 0 1em;
  margin: 0 auto;
  line-height: 35px;
  font-weight: 600;
  cursor: pointer;
}
.formLoad .in .intable .loaderBox #msgsent .close:hover {
  background-color: #fa4616;
  color: #fff;
}
.formLoad p {
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
}
.formLoad h2 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 0.6em;
}
.preciosCombo {
  display: none;
}
.preciosCombo#preciosMty {
  display: block;
}
#precios_chosen {
  min-width: auto !important;
  width: 100% !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: -5px;
}
@media only screen and (max-width: 800px) {
  #precios_chosen {
    margin-bottom: 10px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: table;
    max-width: 400px;
  }
}
#precios_chosen .chosen-single {
  background-color: #fff;
  height: 38px;
  border: 1px solid #fa4616;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fa4616;
  line-height: 22px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#precios_chosen .chosen-single div b {
  background-color: #fa4616;
  background-position: center 2px;
  background-size: auto !important;
}
#precios_chosen .chosen-drop {
  background-color: #fff;
  border-color: #fa4616;
}
#precios_chosen .chosen-drop .chosen-results {
  color: #fa4616;
  font-size: 17px;
  font-weight: 400;
}
#precios_chosen .chosen-drop .chosen-results li:first-child {
  color: #fa4616;
}
#precios_chosen .chosen-drop .chosen-results li:first-child.result-selected {
  color: #fff;
}
#precios_chosen .chosen-drop .chosen-results li:first-child.result-selected.highlighted {
  color: #fff;
}
#precios_chosen .chosen-drop .chosen-results li:first-child.active-result {
  color: #fa4616;
}
#precios_chosen .chosen-drop .chosen-results li:first-child.active-result.highlighted {
  color: #fff;
}
#precios_chosen .chosen-drop .chosen-results li:first-child.active-result.result-selected {
  color: #fff;
}
#precios_chosen .chosen-drop .chosen-results .result-selected {
  color: #fff;
  background-color: #fa4616;
}
#precios_chosen .chosen-drop .chosen-results .result-selected.highlighted {
  color: #fff;
  background-color: #fa4616;
}
#precios_chosen .chosen-drop .chosen-results .highlighted {
  background-color: #00a499;
  color: #fff;
}
#precios_chosen.chosen-with-drop .chosen-single {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#precios_chosen.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: center -22px;
}
#metodos h3 {
  color: #fa4616;
  text-align: center;
  font-size: 2.2rem;
}
#metodos .row {
  margin-bottom: 40px;
  float: left;
  width: 100%;
  text-align: center;
}
#metodos .col3 {
  text-align: center;
}
@media only screen and (max-width: 800px) {
  #metodos .col3 {
    max-width: 300px;
  }
}
@media only screen and (max-width: 800px) {
  #metodos .col3 img {
    max-width: 300px;
  }
}
#metodos .col3 p {
  font-size: 1.8rem;
  text-align: center;
}
#metodos strong {
  color: #fa4616;
}
#metodos .disclaimer {
  color: #00a499;
  font-weight: 800;
}
.touch #precios {
  border-color: #fa4616;
  width: 100%;
  height: 35px;
}
.spinner {
  margin: 60px auto 30px;
  width: 50px;
  height: 50px;
  position: relative;
}
.container1 > div,
.container2 > div,
.container3 > div {
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  -moz-animation: bouncedelay 1.2s infinite ease-in-out;
  -o-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container2 {
  -webkit-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.container3 {
  -webkit-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.circle1 {
  top: 0;
  left: 0;
}
.circle2 {
  top: 0;
  right: 0;
}
.circle3 {
  right: 0;
  bottom: 0;
}
.circle4 {
  left: 0;
  bottom: 0;
}
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1s;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
#video-reel {
  margin-bottom: 60px;
}
#video-reel .container {
  -moz-box-shadow: 0px -5px 17px 3px rgba(0,0,0,0.19);
  -webkit-box-shadow: 0px -5px 17px 3px rgba(0,0,0,0.19);
  box-shadow: 0px -5px 17px 3px rgba(0,0,0,0.19);
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 0 auto;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  width: 860px;
  height: 492px;
}
@media only screen and (max-width: 1600px) {
  #video-reel .container {
    width: 732px;
    height: 420px;
  }
}
@media only screen and (max-width: 1050px) {
  #video-reel .container {
    width: 640px;
    height: 360px;
  }
}
@media only screen and (max-width: 800px) {
  #video-reel .container {
    width: 480px;
    height: 278px;
  }
}
@media only screen and (max-width: 600px) {
  #video-reel .container {
    width: 100%;
    height: 278px;
  }
}
@media only screen and (max-width: 500px) {
  #video-reel .container {
    height: 240px;
  }
}
@media only screen and (max-width: 400px) {
  #video-reel .container {
    height: 200px;
  }
}
#video-reel .container:hover {
  background: #00a499;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#video-reel .container iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.bpLogo {
  background-image: url("../../images/estaciones/BP-logo.png");
  background-size: 70px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  background-position: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.mapDir .bpLogo {
  position: static;

 }
.fortemLogo {
  background-image: url("../../images/estaciones/fortem-logo.png");
  background-size: 70px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  background-position: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.mapDir .fortemLogo {
  position: static;
}
#estacionesServicio .btns-estaciones {
  margin: 0 auto;
  max-width: 480px;
}
#estacionesServicio .btns-estaciones > div {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#estacionesServicio .btns-estaciones > div:first-child {
  margin-left: auto;
}
#estacionesServicio .btns-estaciones > div:last-child {
  margin-right: auto;
}
#estacionesServicio .btns-estaciones > div .btn-white {
  margin: 0 auto;
  max-width: 220px;
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

iframe.map {
  max-width: 100%;
  margin-top:-150px;
}
#barraHome {
    width: 100%;
    background-color: #103749;
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
}
.text-upper {
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 43px;
    margin: 0;
    float: right;
    padding-right: 80px;
    text-shadow: rgb(0 0 0 / 25%) 6px 4px 3px;
    font-family: "Bebas Neue";
}
.bluefortemTxt {
    color: #007297;
}
#text-details {
    display: flex;
}
#text-details ul {
    list-style: disc;
}
::marker {
    color: #007297;
    font-size: 30px;
}
.developer {
    margin-bottom: 10%;
}
.developer h1 {
    color: #69696A;
    font-size: 9rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 8rem;
    margin-bottom: 10%;
}
.developer p {
font-size: 3rem;
    line-height: 3rem;
    font-weight: 500;
    margin-right: 30px;
    margin-top: 15%;
    margin-bottom: 10%;
}
a.boton-capital {
    border: 2px solid #007297;
    padding: 20px;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    background-color: #007297;
}
a.boton-capital:hover {
    background-color: white;
    color: #007297;
}
#iso-logo {
    width: 15%;
    height: 100px;
    padding: 25px 0px;
}
#estaciones .content-center {
    max-width: 100%;
}
#titulo h1 {
    color: #343434;
    letter-spacing: 10px;
    padding-top: 7%;
    padding-bottom: 3%;
    font-weight: 700;
}
#titulo\ productos {
    padding-top: 10%;
    padding-left: 10%;
    padding-right: 10%;
}
#titulo\ productos h1 {
    font-size: 101px;
    line-height: 93px;
    color: white;
    font-weight: 400;
        letter-spacing: 1px;
    text-shadow: rgb(0 0 0 / 25%) 6px 4px 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.estacionNumero {
    font-size: 3rem;
    font-weight: bold;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 3px solid white;
    text-align: center;
    padding-top: 20px;
    box-shadow: rgb(0 0 0 / 25%) 2px 4px 3px;
    text-shadow: rgb(0 0 0 / 25%) 2px 4px 3px;
}
p.estacionSubtitulo {
    font-family: sans-serif;
    font-size: 2.4rem;
    color: white;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 3rem;
}
.estacionLogo {
    text-align: center;
    padding-top: 20%;
}
img.estacionLogo {
    width: 350px;
}
.boton-producto {
    background-color: rgb(0, 0, 0);
    font-family: Roboto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 60px;
    padding-left: 15px;
    text-shadow: none;
}
a.boton-producto:hover {
    background-color: white;
    color: black;
    text-shadow: none;
}
.producto-col2 {
    display: flex;
    width: 100%;
    top: 5px;
    right: 5px;
}
.productoGLA {
    width: 50%;
    background-color: #103749;
}
.glaTxt {
    font-size: 1.8rem;
    color: white;
}
.productoGaleria {
    width: 50%;
    padding: 10px;
}

.productoGaleriaTxt { border-radius: 50%; width: 100%; height: 100%; border: 2px solid #007297; text-align: center; padding-top: 80px; font-size: 3.5rem; color: black; font-weight: 500; }

.productoGaleriaTxt:hover {
    border: 2px solid #007297;
    color: white;
    background-color: #007297;
}

.productoTituloForm {
    padding-bottom: 0px !important;
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing: 3px;
    background-color: #69696a;
    color: white;
padding: 25px;
    padding-top: 50px;
    margin: 0;
}
.productoBoxText {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 3px;
    background-color: #69696a;
    color: white;
    padding: 25px;
    margin: 0;
}
.productoTituloForm.barra {
    padding: 0px;
    text-align: center;
    font-size: 4rem;
    font-weight: 400;
}
.img-icono {
height: 110px;
    float: left;
    padding-left: 4%;
        margin-bottom: 20%;
}
#barraHome.floater {
    margin-top: 0px;
}
#monterrey.floater {
    margin-top: 0px;
}
img.iconoLogo2 {
    width: 208px;
    position: absolute;
    top: 55px;
    left: 50px;
    z-index: 1;
}
li.mobil-li.linea-li {
    line-height: 75px;
    padding: 0 10px;
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #007297;
    padding-top: 20px;
}
li.desk-li.linea-li {
    line-height: 75px;
    padding: 0 10px;
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #007297;
    padding-top: 20px;  
}
li.mobil-li {
    visibility: hidden;
    display: none;
}
li.mobil-li.linea-li {
    visibility: hidden;
    display:none;
}
.row.centro-text {
    padding-right: 10%;
    padding-left: 10%;
}
.col.box-inventory {
    background-color: #434343;
    color: white;
}
.col.box-inventory-b {
    /*background-color: #1d1d1d;*/
    background-color:#007297;
    color: white;
}
.centro-text {
 text-align: center;   
}
.icon-product {
    font-size: xx-large;
    padding-top: 20px;
    padding-bottom: 20px;
}
p.linea-titulo {
    border-bottom: 1px solid;
    width: 20px;
    margin-top: -1.5rem;
}
.dev-title p {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.col.developer.db p {
    font-size: 2rem;
}
.eapps-form-style-material .eapps-form-element-input-text {
    2px solid black !important;
}
.eapps-form-style-material .eapps-form-element-input-text:focus {
   border-color: rgba(190,190,190,0.8) !important;
}
.container.s-boton {
    padding-left: 20% !important;
}
img.dev-img {
    height: 100%;
}
/*form*/
input#wpforms-4820-field_1, input#wpforms-4820-field_2, input#wpforms-4820-field_4, textarea#wpforms-4820-field_5 {
        border-bottom: 2px solid black;
}
.wpforms-field-container {
    font-weight: 700;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    padding-left: 10px !important;
}
.devcol-8 {
    padding-top: 5%;
    padding-left: 100px;
}
.wpforms-confirmation-container-full {
background: #35aace !important;
}
@media only screen and (max-width: 800px) {
    #text-details {
    display: contents;
    }
    #text-details li {
    padding-left: 20px;
    }
    #barraHome {
    padding-left: 20px;
    }
    #iso-logo {
    display: none;
}
.text-upper {
    float: left;
}
div.wpforms-container-full {
    width: 100%!important;
    padding-right: 30px!important;
    padding-left: 30px!important;
}
.row.bdown {
    padding: 0px !important;
}
.devcol-8 {
    padding: 40px;
}
a.boton-capital {
    font-size: 2rem;
}
.developer h1 {
        font-size: 8rem;
}
.row.centro-text {
    display: grid;
}
.intro h1 {
    padding-top: 10%;
}
#titulo h1 {
    padding-top: 27%;
}
}
@media only screen and (max-width: 600px) {
    header .content-center #logo {
    float: left;
    height: 100%;
    width: 240px;
    margin-right: 0px;
    padding-top: 20px;
}
img#iso-logo {
    display: none;
}
header {
        height: 87px;
}
footer {
    height: 200px;
    position: unset !important;
}
#navFooter ul li a {
    font-size: 1.2rem;
        font-weight: 500;
        line-height: 32px;
}
footer .content-center #logo {
    display:none;
}
#navFooter {
    margin-top: 0px;
}
#estaciones.floater.estacionesBP {
    margin-top: 20%;
}
#estaciones .estacionGrid .estacionItem .pic {
    width: 100%;
    height: 100%;
    float: left;
}
#titulo\ productos h1 {
        font-size: 8rem;
    line-height: 81px;
}
#map {
    display: contents;
        width: 100%;
    height: 500px;
    float: inherit;
}
}
@media only screen and (max-width: 1050px) {

.img-icono {
        height: 86px;
}
div#estacion.floater {
        margin-top: 23%;
}
img.iconoLogo2 {
    display: none;
}
.icono-logo {
    margin-top: 30%;
}
#estacion .mapDir h2 {
    padding: 20px 20px;
}
header .content-center #mainMenu #nav li a {
        display: inline-block;
}
li.desk-li {
    visibility: hidden;
    display: none;
}
li.desk-li.linea-li {
    visibility: hidden;
    display: none;
}
li.mobil-li {
    visibility: visible;
}
li.mobil-li.linea-li {
    visibility: visible;
}
li.mobil-li {
    display: contents;
}
li.mobil-li.linea-li {
    display: contents;
}
.estacionLogo {
    padding-bottom: 23px;
}
.developer {
    margin-bottom: 0%;
    padding: 0px 10px 20px 30px;
}
.developer h1 {
    padding-top: 40px;
}
.developer p {
        padding-bottom: 15px;
}

}
/*Contacto*/
p.contact-phone {
    margin-top: 20px;
    font-size: 2rem;
}