/***************************************************************************************************************
||||||||||||||||||||||||||||                    ||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
* 1. imported styles 
* 2. miscelnious styles 
* 3. header styles 
* 4. banner styles 
* 5. precios styles 
* 6. nosotros styles 
* 7. estaciones styles 
* 8. servicios styles 
* 9. contacto styles 
* 10. lpgas styles 
* 11. footer styles 
* 12. Modal styles 
* 11. Promociones styles 
****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/************************** 
* 1. imported styles 
***************************/
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i,800,800i);
@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(../plugins/flaticons/flaticon.css);
/************************** 
* 2. miscelnious styles 
***************************/
* {margin:0; padding:0}
.element {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
body {font-family: 'Open Sans';color: #616277;font-size: 14px;line-height: 24px;}
a:hover,a:visited,a:focus,a:active {text-decoration: none !important;outline: none !important;}
.thm-container {width: 100%;max-width: 1140px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;display: block;}
.carousel-new{height: 800px;padding-left: 0px;padding-right: 0px;padding-top: 0px;width: 100%;}
.sec-pad {padding: 120px 0;}
.p0 {padding: 0 !important;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0 !important;}
.gray-bg {background: #F4F9FD;}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;font-size: inherit;}
.sec-title {margin-bottom: 75px;}
.sec-title.light h2 {color: #fff;}
.sec-title.light p {color: #9696A6;}
.sec-title.text-center .line {margin-left: auto;margin-right: auto;}
.sec-title .line {width: 100px;height: 4px;background: #0070cd;display: block;margin-bottom: 25px;border-radius: 2px;}
.sec-title h2 {color: #0E0F1F;margin: 0;font-family: 'Open Sans';font-weight: bold;font-size: 60px;}
.sec-title p {color: #616277;margin: 0;margin-top: 10px;}
/***** REDES SOCIALES SECCIÓN************/
.whatsapp {position:fixed;width:60px;height:60px;bottom:90px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;z-index:100;}
.whatsapp-icon {margin-top:13px;font-size: 30px !important;}
/******************** FACEBOOK!  AQUÍ EMPIEZA EL DESMADRE***********************/
.icon-bar {position: fixed;top: 40%;left:0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;}
.icon-bar a {display: block;text-align: center;padding: 16px;transition: all 0.3s ease;color: white;font-size: 20px;}
.icon-bar a:hover {background-color: #0070cd;}
.facebook {background: #3B5998;color: white;font-size: 20px !important;}
.instagram {background-color:#ec4f4f;color: white;font-size: 20px !important;}
.content {margin-left: 75px;font-size: 30px;}
/***** FACEBOOK!  AQUÍ TERMINA EL DESMADRE************/
/*
****
only add this classto body
if preloader is on
other wise REMOVE IT.
****
*/

@-webkit-keyframes sk-scaleout {
  0% {-webkit-transform: scale(0);}
  100% {-webkit-transform: scale(1);opacity: 0;}
}
@keyframes sk-scaleout {
  0% {-webkit-transform: scale(0);transform: scale(0);}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
}
/* custom scroll animation */
.fadeInDownCustom {-webkit-animation-name: fadeInDownCustom;animation-name: fadeInDownCustom;}
@-webkit-keyframes fadeInDownCustom {
  0% {opacity: 0;-webkit-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);}
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes fadeInDownCustom {
  0% {opacity: 0;-webkit-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);}
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
.fadeInDownCustomTwo {-webkit-animation-name: fadeInDownCustomTwo;animation-name: fadeInDownCustomTwo;}
@-webkit-keyframes fadeInDownCustomTwo {
  0% {opacity: 0;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0);}
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes fadeInDownCustomTwo {
  0% {opacity: 0;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0);}
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}

#myBtn {display: none;position: fixed;bottom: 20px;right: 40px;z-index: 99;border: none;outline: none;background-color: #555;color: white;cursor: pointer;border-radius: 50px;opacity: .4;width: 60px;height: 60px;}
#myBtn:hover {background-color: black ;opacity: 1;}
i.bi.bi-arrow-up-circle{font-size: 30px;}

/************************** 
* 3. header styles 
***************************/
.header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;  
}
.header .top-bar {background: #0070cd;padding: 13px 0;}
.header .top-bar .left-content .social-box a {
  font-size: 14px;
  color: #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
nav.navbar.navbar-default.header-navigation.stricky{background-color: #183661 !important;}
.header-navigation .thm-container{
  background: transparent;
  padding: 0;
  position: relative;
  padding-right: 60px;
  max-width: none;
}
.header-navigation .thm-container .navbar-brand {height: auto;padding: 15px 0;margin-left: 120px;}
.header-navigation .thm-container .main-navigation {text-align: right;padding: 0;}
.header-navigation ul.navigation-box {float: none;display: inline-block;vertical-align: middle;}
ul.dropdown-menu.show{position: absolute;}
.phone:hover,.email:hover{color:black;text-decoration: underline;}
a{
  font-family: 'Open Sans';
  font-size: 14px !important;
  line-height: 1.80857;
  font-weight: 700 !important;
  cursor: pointer;
  color: white !important;
  text-decoration: none !important;
}
.correo:hover,.telefono:hover{color:black !important;text-decoration: underline !important;}
.bi{cursor: pointer;font-size: 20px;}
.bi-facebook,.bi-instagram,.bi-fuel-pump,.bi-envelope-fill,.bi-fire,.bi-telephone,.bi-whatsapp {margin-right: 10px !important;}
.bi-facebook:hover,.bi-instagram:hover,.bi-envelope-fill:hover,.bi-fuel-pump:hover,.bi-fire:hover,.bi-telephone:hover,.bi-whatsapp:hover{color: black;}
a.telefono {margin-right: 20px;}
.barras{position: relative;top:0% !important;left: 0% !important;}
a.nav-link:hover{color:#5fb5fc !important;}
.dropdown-item{color:black !important;}
.navbar{margin-bottom: 0px !important; border: none !important;border-radius: 0px;}

@media (max-width: 740px){
  .navbar {border-radius: 0px;}
  .bi{font-size: 15px;}
  a.telefono {margin-right: 15px;}
  .bi-fuel-pump,.bi-envelope-fill,.bi-whatsapp,.bi-fire ,.bi-telephone,.bi-whatsapp{margin-right: 5px !important;}
  .correo{display: block;}

}



/************************** 
* 4. banner styles 
***************************/
.swiper {width: 100%;height: 100%;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.only-desktop {
  display: block;
}
.only-mobile {
  display: none;
}

@media (max-width: 740px){

  .only-desktop {
    display: none !important
  }
  .only-mobile {
    display: block !important
  }
}

/************************** 
* 5. precios styles  
***************************/
.precios{margin-left: 150px !important;}
.nuestros-precios{padding-bottom:5rem;color: #0E0F1F;font-size: 30px;}
.cuadro-magna{background-color: forestgreen;height: 100%;padding: 0 15px 35px 15px;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.43);border-radius: 3px;color: white;font-size: 36px;font-weight: 600;}
.cuadro-premium{background-color: #d80b13;height: 100%;padding: 0 15px 35px 15px;box-shadow: 0 4px 5px rgba(0,0,0,0.43);border-radius: 3px;color: white;font-size: 36px;font-weight: 600;}
.cuadro-diesel{background-color:#2E2E2E;height: 100%;padding: 0 15px 35px 15px;box-shadow: 0 4px 5px rgba(0,0,0,0.43);border-radius: 3px;color: white;font-size: 36px;font-weight: 600;}
.cuadro-gass{background-color: #1f91f0;height: 100%;padding: 0 15px 35px 15px;box-shadow: 0 4px 5px rgba(0,0,0,0.43);border-radius: 3px;color: white;font-size: 36px;font-weight: 600; }
.precios-titulo{background-color: rgba(0, 0, 0, 0.35);margin: 0 -15px 15px -15px;padding: 0.8rem 15px;text-align: center;color: white;}
.bg-precios{background-color: #e6e6e6;color: white;padding-top: 50px;padding-bottom: 80px;}
.tanquelleno{margin-top: 30px;color:#0E0F1F; text-align: center;font-weight: 700;font-size: 18px !important;}
.delineado{color: #0070cd;font-weight: 900;font-size: 18px !important;}
.delineado:hover{color: #0E0F1F;}
.numprecio{margin-left:-10px; margin-right:-10px; margin-top:0px; margin-bottom:0px; line-height:1;font-weight: 400;}
.col-lg-3{position: relative;min-height: 1px;padding-right: 15px !important;padding-left: 15px !important;}

@media screen and (min-width: 340px) and (max-width: 1280px) {
  .col-12.col-lg-3.text-center.mb-md-5{margin-bottom: 15px;}
}

/************************** 
* 6. nosotros styles
***************************/
.about {padding-top: 90px ;}
.about .about_box {text-align: left;}
.about .about_box h2 {font-weight: 500;font-size: 43px;color: #183661;line-height: 55px;padding-bottom: 7px;display: block;text-transform: uppercase;padding: 0px 0px 6px 0px;border-bottom: #183661 solid 1px;}
.black {color: #183661;font-weight: 208;}
.about .about_box p {font-size: 17px;line-height: 33px;color: #4c4a49;padding: 40px 0px;font-weight: 500;}
.about .about_box li {font-size: 17px;line-height: 33px;color: #4c4a49;font-weight: 500;}
.about_img {margin-top: 25px;}
.about .about_img figure {margin: 0px;float: right;margin-bottom: -40px;}
.fun-fact-section {padding: 70px 0;background-color: #e6e6e6!important;}
.fun-fact-section .contact-agent {text-align: center;padding-left: 30px;padding-right: 30px;}
.fun-fact-section .contact-agent .img-box {position: relative;}
.fun-fact-section .contact-agent .img-box img {position: relative;z-index: 1;}
.fun-fact-section .contact-agent .img-box:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;z-index: 3;background: rgba(6, 24, 41, 0);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6, 24, 41, 0)), color-stop(100%, #e6e6e6));background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 24, 41, 0)), to(#e6e6e6));background: linear-gradient(to bottom, rgba(6, 24, 41, 0) 0%, #e6e6e6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061829', endColorstr='#e6e6e6', GradientType=0 );}
.fun-fact-section .fun-fact-wrap {padding-top: 40px;}
.fun-fact-section .fun-fact-wrap h2 {margin: 0;color: #0E0F1F;font-family: 'Open Sans';font-weight:600;font-size: 46px;line-height: 56px;letter-spacing: -0.03em;margin-bottom: 55px;}
.fun-fact-section .fun-fact-wrap .single-fun-fact {position: relative;}
.fun-fact-section .fun-fact-wrap .single-fun-fact .icon-box {position: absolute;top: 10px;left: 0;width: 70px;}
.fun-fact-section .fun-fact-wrap .single-fun-fact .icon-box i {color: #0070cd;font-size: 70px;line-height: 1;}
.fun-fact-section .fun-fact-wrap .single-fun-fact .text-box {padding-left: 100px;}
.fun-fact-section .fun-fact-wrap .single-fun-fact .text-box h3 {margin: 0;color: #0e0f1f;font-family: 'Open Sans';font-weight: bold;font-size: 60px;letter-spacing: -0.03em;}
.fun-fact-section .fun-fact-wrap .single-fun-fact .text-box p {margin: 0;color: #616277;font-size: 18px;font-weight: 600;margin-top: 5px;}
.fun-fact-section .fun-fact-wrap .single-fun-fact + .single-fun-fact {margin-top: 50px;}
.titulogas{font-size: 30px !important;}
/************************** 
* 7. estaciones styles
***************************/
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
#map {height: 450px;width: 100%;}
.estaciones-section{background: #0E0F1F;padding: 120px 0;}
.estaciones-section .container {display: flex;flex-flow: row wrap;justify-content: space-between;padding-bottom: 6.25em;max-width: 1170px;margin-right: auto;margin-left: auto;}
.estaciones-wrap{margin-bottom: 40px;}
.estaciones-wrap .img-wrap {width: 73.7%;}
.imgEstaciones{width: 430px;height: 295px;}
.estaciones-wrap .details {width: 47.368%;padding: 1.25em;position: absolute;right: 0;top: 60%;z-index: 999;background: #fff; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}
.details a{color:#0E0F1F !important;}
.details p {margin-top: 1.4285em;margin-bottom: 1.4285em;}
svg:not(:root).svg-inline--fa {overflow: visible;}
.svg-inline--fa.fa-w-16 {width: 1em;}
.svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -0.125em;}

@media (max-width: 740px){
  .estaciones-wrap .img-wrap {width: 100%;}
  .estaciones-wrap .details{top:80%;left: 2%;position: static;width: 100%;}
}


/************************** 
* 8. servicios styles 
***************************/
.service-section {background: #0E0F1F;padding: 70px 0;}
.service-section .service-column {padding: 60px 0;position: relative;display: block;}
.service-section .service-column img.service-featured-img {position: absolute;width: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.service-section .service-left {padding-right: 20px;}
.service-section .service-left .single-service .icon-box {float: right;}
.service-section .single-service .icon-box {width: 64px;}
.service-section .single-service .icon-box i {color: #00ad4d;font-size: 64px;line-height: 1;}
.service-section .service-left .single-service .text-box {float: left;padding-right: 30px;text-align: right;}
.service-section .single-service .text-box {width: calc( 100% - 64px);}
.texto-verde{color: #19ab51;font-weight: 800;}
.texto-blanco{color: white;font-weight: 700;}
.service-section .single-service .text-box p {margin: 0;color: #9696A6;font-size: 14px;margin-top: 15px;}
.service-section .single-service .text-box h3 {margin: 0;color: #fff;font-family: 'Open Sans';font-size: 26px;font-weight: bold;}
.service-section .service-right {padding-left: 20px;}
.service-section .service-right .single-service .icon-box {float: left;}
.service-section .service-right .single-service .text-box {float: right;padding-left: 30px;text-align: left;}
.service-section .single-service + .single-service {margin-top: 50px;}
@media (max-width: 991px) {
  .service-section .service-column {padding: 0;}
  .service-section .service-column img.service-featured-img {display: none;}
  .service-section .single-service .text-box h3{text-align: center;}
}

.gas-section {background: #0E0F1F;padding-top: 120px;padding-bottom: 120px;}
.gas-section  .gas-content {padding-right: 30px;}
.gas-section  .gas-content h3 {margin: 0;color: #FFFFFF;font-family: 'Open Sans';font-weight: bold;font-size: 40px;line-height: 50px;letter-spacing: -0.03em;}
.gas-section  .gas-content p {color: #9696A6;margin: 0;margin-top: 20px;margin-bottom: 30px;font-size: 18px;}
.horario{color: white;font-size: 18px;}
.gas-section .single-progress-bar-wrap {width: 65px;float: left;height: 344px;position: relative;}
.gas-section .single-progress-bar-wrap:nth-child(2) .single-progress-bar .inner {background: #D8023E;height: 100%;}
.gas-section .single-progress-bar-wrap:nth-child(3) .single-progress-bar .inner {background: #DF9300;height: 100%;}
.gas-section .single-progress-bar-wrap:nth-child(4) .single-progress-bar .inner {background: #0039AD;height: 100%;}
.gas-section .single-progress-bar-wrap:nth-child(5) .single-progress-bar .inner {background: #00C2C4;height: 100%;}
.gas-section .single-progress-bar-wrap + .single-progress-bar-wrap {margin-left: 30px;}
.gas-section  .single-progress-bar {position: absolute;height: 65px;width: 344px;background: #1D1E35;position: relative;padding: 22.5px 0;padding-left: 30px;-webkit-transform: translateY(140px) translateX(-140px) rotate(-90deg);transform: translateY(140px) translateX(-140px) rotate(-90deg);overflow: hidden;}
.gas-section .single-progress-bar h4 {color: #fff;font-weight: bold;font-family: 'Open Sans';font-size: 21px;margin: 0;position: relative;z-index: 9;}
.gas-section  .gas-content  a.thm-btn {display: inline-block;border: none;outline: none;background: #00AD4D;color: #fff;font-weight: bold;font-size: 14px;border-radius: 25px;display: inline-block;text-transform: uppercase;padding: 11px 46.5px;-webkit-transition: all .4s ease;transition: all .4s ease;border: 2px solid #00AD4D;}
.gas-section  .gas-content  a.thm-btn:hover {background: #0E0F1F;border-color: #0E0F1F;}
.gas-section  .gas-content  a.thm-btn.borderd {border-color: rgba(255, 255, 255, 0.1);background-color: transparent;color: #8C8D9B;margin-left: 20px;}
.gas-section  .gas-content  a.thm-btn.borderd:hover {background-color: #00AD4D;border-color: #00AD4D;color: #fff;}
.gas-section  .single-progress-bar .inner {background: #00AD4D;position: absolute;top: 0;left: 0;height: 100%;visibility: hidden;}

@media (max-width: 740px){
  .gas-section {width: 100% !important;}
  .infogas{position: relative;min-height: 1px;padding-right: 15px !important;padding-left: 15px !important;}
}


/************************** 
* 9. contacto styles 
***************************/
.team-title-section {background: #0E0F1F;padding-bottom: 230px;padding-top: 120px;margin-bottom: -150px;}
.team-memeber-section {padding-bottom: 105px;}
.team-memeber-section .single-team-member .img-box {position:relative;overflow: hidden;margin-left: 420px;}
.team-memeber-section .single-team-member .text-box {text-align: center;}
.team-memeber-section .single-team-member .text-box h3, .team-memeber-section .single-team-member .text-box p {margin: 0;}
.team-memeber-section .single-team-member .text-box h3 {font-family: 'Open Sans';font-weight: bold;color:#0E0F1F;letter-spacing: -.03em;font-size: 22px;margin-top: 38px;margin-bottom: 5px;}
.team-memeber-section .single-team-member .text-box p {color: #0E0F1F;font-weight: bold;text-transform: uppercase;font-size: 14px;line-height: 24px;}

@media (max-width: 767px){
  .team-memeber-section .single-team-member .img-box {position: relative;overflow: hidden;width: 150px;height: 170px;margin-left: 100px;}
}


.become-investor {padding: 0px 0 120px 0;}
.become-investor .contact-form input, .become-investor .contact-form textarea,.select-form,
.become-investor .contact-form1 input,.become-investor .contact-form1 textarea {border: none;outline: none;background-color: transparent;display: block;width: 100%;height: 60px;border: 2px solid rgba(0, 0, 0, 0.3);padding-left: 30px;border-radius: 4px;font-family: 'Open Sans';color: #78798B;margin-bottom: 30px;font-size: 20px;}
.become-investor .contact-form input::-webkit-input-placeholder, .become-investor .contact-form textarea::-webkit-input-placeholder,.become-investor .contact-form1 input::-webkit-input-placeholder, .become-investor .contact-form1 textarea::-webkit-input-placeholder {color: #78798B;}
.become-investor .contact-form input::-moz-placeholder, .become-investor .contact-form textarea::-moz-placeholder,.become-investor .contact-form1 input::-moz-placeholder, .become-investor .contact-form1 textarea::-moz-placeholder {  color: #78798B;}
.become-investor .contact-form input:-ms-input-placeholder, .become-investor .contact-form textarea:-ms-input-placeholder, .become-investor .contact-form1 input:-ms-input-placeholder, .become-investor .contact-form1 textarea:-ms-input-placeholder {  color: #78798B;}
.become-investor .contact-form input:-moz-placeholder, .become-investor .contact-form textarea:-moz-placeholder, .become-investor .contact-form1 input:-moz-placeholder, .become-investor .contact-form1 textarea:-moz-placeholder {  color: #78798B;}
.become-investor .contact-form input.error, .become-investor .contact-form textarea.error, .become-investor .contact-form1 input.error, .become-investor .contact-form1 textarea.error {background: rgba(255, 0, 0, 0.2);border-color: rgba(255, 0, 0, 0.2);}
.become-investor .contact-form label.error {display: none !important;}
.become-investor .contact-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .become-investor .contact-form1 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;height: 60px;margin-bottom: 30px;}
.become-investor .contact-form .bootstrap-select > .dropdown-toggle, .become-investor .contact-form1 .bootstrap-select > .dropdown-toggle {padding: 0;}
.become-investor .contact-form .bootstrap-select > .btn, .become-investor .contact-form1 .bootstrap-select > .btn  {padding: 0;height: 100%;padding: 0 30px;color: #78798B;border: 2px solid rgba(0, 0, 0, 0.1);background-color: transparent !important;font-size: 14px;outline: none !important;padding-right: 30px;font-family: 'Open Sans';border-radius: 4px;}
.become-investor .contact-form .bootstrap-select.btn-group .dropdown-toggle .caret, .become-investor .contact-form1 .bootstrap-select.btn-group .dropdown-toggle .caret {position: static;width: auto;height: auto;vertical-align: top;border: none;margin-left: -5px;}
.become-investor .contact-form .bootstrap-select.btn-group .dropdown-toggle .caret:before, .become-investor .contact-form1 .bootstrap-select.btn-group .dropdown-toggle .caret:before {color: #A5A6B5;content: "\f107";font-family: FontAwesome;}
.become-investor .contact-form .bootstrap-select.btn-group .dropdown-menu.inner, .become-investor .contact-form1 .bootstrap-select.btn-group .dropdown-menu.inner {width: 200px;}
.become-investor .contact-form .bootstrap-select .dropdown-menu, .become-investor .contact-form1 .bootstrap-select .dropdown-menu {padding: 0;margin: 0;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0;}
.become-investor .contact-form .bootstrap-select .dropdown-menu > li, .become-investor .contact-form1 .bootstrap-select .dropdown-menu > li {padding: 0;}
.become-investor .contact-form .bootstrap-select .dropdown-menu > li > a, .become-investor .contact-form1 .bootstrap-select .dropdown-menu > li > a {padding: 8px 15px;font-size: 14px;font-weight: normal;-webkit-transition: all .4s ease;transition: all .4s ease;}
.become-investor .contact-form .bootstrap-select .dropdown-menu > li > a span, .become-investor .contact-form1 .bootstrap-select .dropdown-menu > li > a span {color: #78798B;}
.become-investor .contact-form .bootstrap-select .dropdown-menu > li > a:hover, .become-investor .contact-form1 .bootstrap-select .dropdown-menu > li > a:hover  {background: #00AD4D;}
.become-investor .contact-form .bootstrap-select .dropdown-menu > li > a:hover span, .become-investor .contact-form1 .bootstrap-select .dropdown-menu > li > a:hover span {color: #fff;}
.become-investor .contact-form textarea, .become-investor .contact-form1 textarea {height: 260px;text-align: left;padding-top: 15px;}
.become-investor .contact-form button[type='submit'] {border: none;outline: none;background: #0070cd;color: #fff;font-weight: bold;font-size: 14px;border-radius: 25px;display: inline-block;text-transform: uppercase;padding: 13px 49.5px;margin-left: auto;margin-right: auto;margin-top: 10px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.become-investor .contact-form1 button[type='submit'] {border: none;outline: none;background: #0070cd;color: #fff;font-weight: bold;font-size: 14px;border-radius: 25px;display: inline-block;text-transform: uppercase;padding: 13px 49.5px;margin-left: auto;margin-right: auto;margin-top: 10px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.become-investor .contact-form button[type='submit']:hover, .become-investor .contact-form1 button[type='submit']:hover {background: #0E0F1F;}





/************************** 
* 10. lpgas styles
***************************/
.servicio-gas {padding-top: 80px;padding-bottom: 80px;color: #0E0F1F;background-color: #e6e6e6;}
.subtitulos-gas{font-size: 23px;text-align: center;}
.icon-wrap {width: 128px;height: 128px;margin: 0 auto;}
.info-icon{font-size: 18px;margin-top: 10px;margin-bottom: 10px;}
.titulo-gas {color: #0070cd;}

/************************** 
* 11. footer styles 
***************************/
.footer{background: #0070cd;padding: 30px 0px;}
.row{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.address h3 {
  color: #fff;
  font-size: 29px;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 3px;
  border-bottom: #183661 solid 4px;
  margin-bottom: 20px;
  width: 226px;
}
ul.Links_footer {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
ul.Links_footer li {padding-bottom: 15px;color: #183661;}
ul.Links_footer li a {
  display: block;
  color: #fff;
  font-size: 17px !important;
  padding-left: 30px;
  margin-top: -34px;
}
.bi-caret-right{font-size: 22px !important;}
.imglogo{text-align: center;}

/************************** 
* . FIN DE footer styles 
***************************/

/************************** 
* 12. Modal styles 
***************************/
.modalPicture{
  width: 90%;
  margin:0 auto;
  max-width: 400px;
  margin-bottom: 2em;
}

.modalImg{
  width: 100%;
  display: block;
}

.modal-dialog{
  /*margin-top: 70px !important;*/
  margin-top: 100px !important;
}
.modalGas{
  margin-top: 100px !important;
}

@media (max-width: 740px){
  .modal-dialog{
    margin-top: 200px !important;
  }
}
/************************** 
* . FIN DE Modal styles 
***************************/

/************************** 
* 13. Promociones styles 
***************************/
.bg-info, .bg-info>a{
  color: #fff!important;
}


.small-box{
  border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
    --bs-bg-opacity: 1;
    background-color: #0070cd!important;
}
.small-box>.inner{
  padding: 10px;
}
.small-box>.small-box-footer{
  background-color: rgba(0,0,0,.1);
    color: rgba(255,255,255,.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}
/************************** 
* . FIN DE Promociones styles 
***************************/

.empresas-section{
  background: none;
  position: relative;
  padding: 95px 0px 90px;
}
.auto-container{
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
.sec-title-two {
  position: relative;
  margin-bottom: 50px;
}
.centered {
  text-align: center;
}
.sec-title-two h2 {
  padding: 0px;
  border: none;
  outline: none;
  margin: 0px;
  background: none;
  font-family: 'Poppins', sans-serif;
  position: relative;
  color: #242424;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.4em;
  padding-bottom: 18px;
}
.sec-title-two.centered h2::after {
  left: 50%;
  margin-left: -20px;
}
.sec-title-two h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 2px;
  background-color: #0070cd;
}
.empresas-desktop{
  display:flex;justify-content: center;flex-wrap: nowrap;align-items: center;
}


@media (max-width: 740px){


  .empresas-desktop {
    display: block;
    text-align: center;
  }
}


/* Personalización de Alertify */
.alertify .ajs-dialog {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80% !important;
  max-width: 500px !important;
}

.alertify .ajs-header,
.alertify .ajs-body {
  text-align: center !important;
  font-size: 1.4em !important;
  padding: 20px !important;
}

.alertify .ajs-commands {
  margin: 15px 0 !important;
  justify-content: center !important;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: center !important;
}

.alertify .ajs-ok {
  background: #0070cd !important;
  padding: 10px 25px !important;
  font-size: 1.2em !important;
}