@font-face {
  font-family: 'Titulos';
  src: url('fonts/EastmanTrial-Bold.otf');
}
@font-face {
  font-family: 'Titulos2';
  src: url('fonts/MaisonNeue-Bold.ttf');
}
@font-face {
  font-family: 'textos';
  src: url('fonts/EastmanTrial-Regular.otf');
}
@font-face {
  font-family: 'textos_medium';
  src: url('fonts/EastmanTrial-Medium.otf');
}
@font-face {
  font-family: 'textos_bold';
  src: url('fonts/EastmanTrial-Bold.otf');
}
@font-face {
  font-family: 'textos_black';
  src: url('fonts/EastmanTrial-Black.otf');
}
@font-face {
  font-family: 'numeros';
  src: url('fonts/AllerDisplay.ttf');
}
@font-face {
  font-family: 'textos_heavy';
  src: url('fonts/EastmanTrial-Heavy.otf');
}
@font-face {
  font-family: 'textos_legal';
  src: url('fonts/Raleway-Regular.ttf');
}
@font-face {
  font-family: 'textos_legal_bold';
  src: url('fonts/Raleway-Bold.ttf');
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

body {
	background-color: #ffffff;
	color: #4C4C4C;
    font-family: 'textos_legal', sans-serif;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #041e42;
}
p {
    font-size: 16px;
    letter-spacing: 1.3px;
    color: #425969;
}
.textos {
    font-family: 'textos', sans-serif;
}
.form-group hr{
    margin-top: -20px;
    margin-right:-15px;
    margin-left:-15px;
}

h1{
	font-family:'Titulos', sans-serif;
	font-size: 4em;
}

h2{
	color:#425969;
	font-size: 14px;
	font-family: 'Titulos', sans-serif;
}
.ps-header>h2{
     font-family: 'textos_legal', sans-serif;
}
h3 {
	font-family: 'Titulos', sans-serif;
    font-size: 3em;
    color: #425969;
}
h3 i{

   color:  #425969;
}
h4{
    font-size: 2em;
    color:  #425969;
}
h5{
    margin: 0px;
}
h6{ 
    font-family: 'Titulos', sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	color:#425969;
	font-size:14px;
	line-height:14px;
}
a{
    color: #425969;
}
.text-white a{
    color: #ffffff;
}
a:hover{text-decoration:none;}
a:focus {
    outline: 0;
}
b {
    color:#000;
}
.l-height {
    line-height: 1.5;
}
.bg-grey {
    background-color: rgb(66, 89, 105, .1);
}
.text-white {
    color: #fff;
}
.textos_legal h3 {
     font-family: 'textos_legal_bold', sans-serif!important;
}
.textos_legal p {
    font-family: 'textos_legal', sans-serif!important;
}
/*.btn{text-transform:uppercase;}*/

.number {
    font-family: 'numeros', sans-serif;
}
.small-number {
    font-family: 'textos_legal', sans-serif;
}
ul, li {
    margin: 0;
    list-style: none;
    padding: 0;
}
.flex {
    display: flex;
}
.flex_md {
    display: flex;
}


.flex-direction-r {
    flex-direction: row;
}
.flex-direction-c {
    flex-direction: column;
}
.flex-start {
    justify-content: flex-start;
}
.flex-end {
    justify-content: flex-end;
}
.text-bold{
    font-weight: bold;
}
.btn-primary span{
	font-size:16px;
}
.custom-btn-default{
    background: #fff;
    padding: 10px 30px 10px 30px;
    border-radius: 20px;
    color: #425969;
    font-family: 'textos', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.custom-btn-default:hover{
    background: #fff;
    padding: 10px 30px 10px 30px;
    color: #425969;
    font-family: 'textos', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.custom-btn-default-blue{
    background: #425969;
    padding: 10px 30px 10px 30px;
    color: #fff;
    font-family: 'textos', sans-serif;
    font-size: 17px;
    font-weight: bold;
}
.custom-grey-btn {
	background-color: transparent;
	border-radius:35px;
	border:3px solid #425969;
	display:inline-block;
	cursor:pointer;
	color:#425969;
	font-family:'textos_heavy', sans-serif;
	font-size:18px;
	line-height: 1.5rem;
	padding:20px 45px;
	padding-bottom: 16px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2b343a;*/
}
.custom-grey-btn:hover {
    color: #fff;
	background-color:#88acc4;
}
.custom-grey-btn:active {
	position:relative;
	top:1px;
}
.tit_baner{
    font-size: 1.5rem;
    font-weight: bold;
    color:#425969;
}
.res_baner{
    font-size:1.5rem;
    font-weight: bold;
    color:#425969;
}

.grid-gap {
    display: grid;
    gap: 0.5rem;
}
.backgroundHome {
    /*#425969 al 10%*/
    background-color: rgb(66, 89, 105, .1);
}
.legal-banner-box {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    align-items: center;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*background-color: rgb(66, 89, 105, .1);*/
}
.home-banner-box{
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    margin: 0 5%;
    justify-content: space-between;
    /*background-color: rgb(66, 89, 105, .1);*/
}
.home-box {
    padding: 9rem
}
.home-boxes {
    display: flex;
    flex-direction: row;
    margin: 3rem;
    align-items: center;
}
.home-boxes div {
    margin: 2rem;
}
.orange-titles {
    color: #F26124;
    font-size: 6rem;
    font-family: 'textos_heavy', sans-serif;
}
.subtitleh2{
    /*margin-right: 26rem; margin-bottom: 2rem;*/
}
.grey-titles {
    color: #425969;
    font-size: 4rem;
    font-family: 'textos_heavy', sans-serif;
}
.orange-Bar {
    height: 1.2rem;
    width: 50%;
    margin: 2.5rem 0!important;
    color: #F26124;
    border: 1px solid #F26124;
    background-color: #F26124;
}
.grey-Bar {
    height: 1.2rem;
    width: 25%;
    margin: 2.5rem 0!important;
    color: #425969;
    border: 1px solid #425969;
    background-color: #425969;
}
.small-orange-bar {
    background-color: #F26124;
    height: 0.7rem;
    display: flex;
    width: 9rem;
    margin: 0.5rem;
    align-self: center;
}
.small-grey-bar {
    background-color: #425969;
    height: 0.7rem;
    display: flex;
    width: 9rem;
    margin: 0.5rem;
    align-self: center;
}
/*Home*/
.home-banner-img {
    width: 100%;
}
.legal-banner-img {
    width:100%;
    margin: 2rem 0 ;
}
.img-contacto {
    width: calc(33vw + 2vh + 1vmin);
}
.img-resultados-truck {
    width: calc(22vw + 2vh + 1vmin)
}
.home-img {
    width: 28rem;
}
.title-resultados-home {
    font-family: 'textos_heavy', sans-serif;
    color: #425969;
    font-size: 2.5rem;
}
.pasos-resultados-home {
    position: relative;
    top: -12rem;
    margin-bottom: -10rem;
}
.pasos-resultados-home-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5rem;
    padding: 2rem;
}
.cajas-resultados-home {
    width: 20%;
    height: auto;
    background-color: #fff;
    color: #425969;
    -webkit-box-shadow: 0px 3px 15px -2px #00000061;
    box-shadow: 0px 3px 15px -2px #00000061;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem;
}
.cajas-resultados-home h4 {
    font-family: 'textos_heavy', sans-serif;
    font-size: 1.7rem;
}
.cajas-resultados-home p {
    font-size: 5rem;
}
/*Fin Home*/
.circle {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 15rem;
  background-color: transparent;
  color: #222;
  text-align: center;
  color:#fff;
  font-size: 4rem!important;
  
}
.cifra_resumen{
    font-size: 2.5rem;
}
.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;

  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
    display: table-cell;
    /*padding: 1em;*/
    vertical-align: middle;
    background-image: url("/imagenes/globo-resultados.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20rem;
    left: 3rem;
    position: absolute;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-text {
    font-size: 20px;
    text-align: center;
    background-color: #425969;
    color: #fff;
    border-radius: 35px;
    position: absolute;
    padding: 1rem 0rem;
    top: 9rem;
    left: -1rem;
    width: 29rem;
}
.backgroundObjetivo{
    background-color: #425969;
    color:#fff;
    border-radius: 50%;
    border: 8px solid;
    font-size: 4rem;
    padding: 5rem;
}
.backgroundLitros{
    background-color: #425969;
    color: #fff;
    font-size: 2rem;
    padding: 1rem;
}
.backgroundDesbl{
    background-color: RGBA(10,48,101,0.82);
    color: #fff;
    font-size: 2rem;
    padding: 1rem;
}
.backgroundCanj {
    background-color: RGBA(10,48,101,0.71);
    color: #fff;
    font-size: 2rem;
    padding: 1rem;
}
.backgroundDips {
    background-color: RGBA(10,48,101,0.62);
    color: #fff;
    font-size: 2rem;
    padding: 1rem;
}
.shop-title{
	color:#263642;
	font-family: 'textos_bold', sans-serif;
	font-size: 30px;
}
.titulo_bold {
    font-family: 'textos_bold', sans-serif;
}
/* 8. EXTRAS */
.white{
	background:#fff;
	min-height:0px;
}
.grey{
	background:#efefef;
	min-height:0px;
}

.space10 {
    margin-bottom: 10px !important;
}

.space20,.space30 {
    margin-bottom: 20px !important;
}
.h-30{
    height: 30vh;
}
.nopadding {
    padding: 0!important;
}
.translate-20{
    transform: translate(0%, 20%);
}
.modal-dialog {
    width: 80%;
	max-width:1200px;
margin: auto;margin-top: 40px;;
}

.modal {
    width: 80%;
	max-width:1200px;
margin: auto;margin-top: 40px;;
}

.btn-primary{
    color: #ffffff;
    background-color: #4d4e53;
    border: 1px solid #fff;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #4d4e53;
    border-color: #ffffff;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active
{
	color: #ffffff;
    background-color: #4d4e53;
    border-color: #ffffff;
	border-radius:0px;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #041e42;
    border-color: #ffffff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info {
    color: #ffffff;
    background-color: #4d4e53;
    border-color: #ffffff;
	border-radius:0px;
}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: 0;
}

.btn-gris,
.btn-gris:hover,
.btn-gris:focus{
 background-color: #878787;
}

/* index*/

.fondo_top{
 /*   background: #263642;*/
 /*   background-size: 100% 100%;*/
	/*height:15px;*/
	/*border-bottom:5px solid #878787;*/

}

/*.container_login{*/
/*    background: url(../imagenes/IMG-LOGIN.png) no-repeat ;*/
/*    background-size: 100% auto;*/
/*	padding:10rem 10rem;*/
/*	padding-bottom:0px;*/
/*	color:#fff;*/
	
/*}*/
.logo{
    margin:3rem;
    width: 15rem;
}
.contenedor_form_login{
	background:#FFF;
	/*padding:10% 0; */ /*para responsive en mvl*/
	color:#fff;
	line-height:10px;
	background:#425969;
    padding-bottom: 10px;
    /*padding-top: 50px;*/ /*para responsive en mvl*/
    /*margin-top: 8rem;*/
    /*margin-bottom: 5rem;*/
    width: auto;
    margin: 2rem 6rem;
    padding: 2rem;
}

.contenedor_form_loginx:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 8px 0;
    border-color: #8c8c8c transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.contenedor_form_login .txt{
	font-size:15px;
	margin-top:2rem;
	line-height:normal;
}
.contenedor_form_login .titulo_form{
    font-size: 1.3em;
    text-align: center;
}
.titulo_form_small {
    font-size: 15px;
}
.contenedor_form_login  .el_form_login .form-control {
    height: 50px;
    background-color: white!important; 
    font-family: 'textos_legal', sans-serif;
    width: 90%;
    margin:auto;
      
}
.contenedor_form_login  .el_form_login .btn-default, 
.contenedor_form_login  .el_form_login .btn-default:hover,
.contenedor_form_login  .el_form_login .btn-default:focus,
.contenedor_form_login  .el_form_login .btn-default:active{
    height: 50px;
    background: #F26124;
    color: #425969;
    font-family: 'textos_bold', sans-serif;
    border-radius: 25px;
    color: #fff;
    /* width: 20rem; */
     width: 90%; 
    border: 1px solid #F26124;
}

.text_login p{
    color:black;
    padding-top: 0.5rem;
    font-family: 'titulos';
    font-weight: bold;
    line-height: 3rem;
}

.text_login_title {
    font-size: 3.5rem;
}

.button_login{
    
    font-size: 1.3rem;
    font-family: 'titulos';
    line-height: 3.8rem;
    padding: 1rem 1.3rem;
    margin:0;
    width: 100%;
    color:white;
    border: none;
    border-radius: 0;
    background-color: transparent;
    
    
}
.marginLogin{
    /*margin:; 0 !important;*/
    padding: 0 !important; 
}
.paddingLogin {
    padding-left: 15px;
    padding-right: 15px;
}

.button_login.active{
    color: #425969;
    background-color: white;
    position: relative;
    box-shadow: none;
    text-align: center;
    
}
.button_login_blue {
    position: relative;
}
.button_login:hover{
    opacity: 0.9;
    text-decoration:underline;
    
}

.b_ver_form,
.b_nover_form{
	cursor:pointer;
}
.tp_caption {
    position: absolute;
    top: auto;
    transform: none;
    background: rgba(255,255,255,0.8);
    top: 50%;
    transform: translateY(-40%);
    right: 40px;
    padding: 2rem 2rem;
}

.wrap_pasos{
    display:flex;
    align-items:center;
    justify-content: center;
    flex-wrap:wrap;
}

.backgroundImg img{
    width: 100%;
  /*  height: 100vh;*/
    /*height: calc(100vh - 91px);*/
    object-fit: cover;
}
.titulo_mecanica{
    font-weight: bold;
}
.img_mecanica{
    width:100%;
    /*top:0px;
    right:0px;
    position:absolute;
    height: 70vh;
    object-fit: cover;*/
}
/*Mecánica*/
.title-mecanica {
    font-family: 'textos_heavy', sans-serif;
    color: #F26124;
    font-size: 2.5rem;
}
.pasos-mecanica {
    position: relative;
    top: -12rem;
}

.pasos-mecanica-box {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 2rem;
}
.cajas-mecanica {
    width: 25%;
    height: auto;
    background-color: #fff;
    color: #425969;
    -webkit-box-shadow: 0px 3px 15px -2px #00000061; 
    box-shadow: 0px 3px 15px -2px #00000061;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem;
}
.cajas-mecanica h4 {
    font-family: 'textos_heavy', sans-serif;
    font-size: 2rem;
}
.card:nth-child(odd) .heading h5 {
    background-color:#e2e2e2;
}
.card-header h5:nth-child(odd) {
    color: #425969;
}


#accordion {
    margin: 1rem 0;
}

.btn-link {
    color:#425969;
    font-size: 17px;
    padding: 1rem;

    font-weight: bold;
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
    text-decoration: none;
    
}

.card:nth-child(even) .heading i {
    color: #425969;
}

.card:nth-child(odd) .heading i {
    color: #ffffff;
}

.btn-link i {
    margin-right: 1rem;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.card-body {
    margin: 1.5rem 0 1.5rem 1.5rem;
    line-height: 1.5;
}
.card-body p {
    text-align: justify;
}
/*////////*/
/*backtotop*/
#backtotop {
	padding-top:0px;
    border-radius: 50%;
    line-height: 43px;
    display: block;
    position: fixed;
    bottom: 50px;
    text-align: center;
    width: 50px;
    right: 30px;
    opacity: 0;
    transition: all 0.4s ease 0s;
    font-size: 11px;
    height: 50px;
    cursor: pointer;
	background-color: #041e42;
	border:2px solid #f0f0f0;
	color:#fff;
}

#backtotop:hover {
 	background-color: #fff;
    transition: .4s;
    color: #041e42;
	border:2px solid #041e42;
}

#backtotop.active {
    opacity: 1;
}
.wrap_pie{
    background:#425969;
    line-height: 15px !important;
}
.wrap_apie{
    align-items: center;
    color:#fff;
    display:flex;
    flex-direction: row;
    height: 100%;
    justify-content:flex-end;
    min-height: 80px;
    text-align: center;
    padding: 15px 0;
}
.wrap_apie> a{
    color: #fff !important;
    font-size: 12px;
    padding:0 2rem;
}
.wrap_apie span{
    font-family: 'textos_bold', sans-serif;   
    text-transform: uppercase;
}
.wrap_pie_logo {
    display:flex;
    justify-content: flex-end;
}
.wrap_pie_logo img {
    width: 35%;
    margin-right: 1.5em;
}
.wrap_promos{
    margin-top: -8em;
}

.tit_btn{
    background: #425969;
    padding: 10px 40px;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    font-family: 'Titulos2'
}



@media only screen and (min-width: 768px)  and (max-width: 1300px)  {
.home-box {
        padding: 4rem;
    
    }
}

@media only screen and (min-width: 768px)  and (max-width: 992px)  {

.home-box {
    padding: 1rem;
}
.container_login{
	padding:0px;
}
.btn-primary span{
	font-size:12px;
}
.img_mecanica{
    width:100%;
    top:10px;
    right:-100px;
    position:relative;
}

  

}

@media only screen and (min-width: 200px)  and (max-width: 767px)  {

.home-box {
    padding: 1rem;
}
.grey-titles {
    font-size: 2.5rem;
}
.legal-banner-box {
    justify-content: space-between;
}
.img-contacto {
    width: calc(33vw + 9vh + 1vmin);
}
.img-resultados-truck {
        width: calc(50vw + 2vh + 1vmin)!important;
}
.flex_md {
    display: block;
}    
h1{
    font-size: 2em;
}
h3 {
    font-size: 2em;
}
.orange-titles {
  
    font-size: 5.3rem;
   
}
.grey-Bar{
    width: 50%;
}
.orange-Bar {
    width: 50%;
}
.home-banner-box {
    flex-direction: column;
}
.home-banner-img {
    width: 100%;
}
.pasos-resultados-home-box{
    flex-direction: column;
}
.cajas-resultados-home{
    width: 100%;
}
.home-boxes {
    flex-direction: column;
    margin: 3rem 0.5rem;
}
.home-img {
    width: 100%;
}
.pasos-mecanica-box {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 2rem;
}
.cajas-mecanica {
    width: 100%;
    margin:1rem 0;
}
.fondo_top{border-bottom: 5px solid transparent;}
.container_login{
	padding:0px 0px !important;
	background: none ;
	padding-left:0px;

}
.tp_caption {
    position: relative;
    top: auto;
    transform: none;
    background: rgba(255,255,255,0.8);
    left: 0px;
    padding: 2rem 2rem;
}

.logo_club_xs{
	padding:20px;
	background: #F3F1C6 ;
}
#Entrar {
    margin-bottom: 5rem;
}
#RVolver {
    margin-bottom: 5rem!important;
}
.contenedor_form_login .titulo_form {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.contenedor_form_login{
	/*padding:6% 0;*/
	line-height:10px;
	clear: both;
	padding-bottom: 3%;
	margin: 0;
    margin-top: 0px;
    width: 100%;
    z-index: 222;
}
.positionReset{
	
    transform: translate(0%, 40%);
    z-index: 222;
}
.btn-primary span{display:none;}
.wrap_promos {
     margin-top: 0px;
}
.wrap_pasos {
    
    flex-flow: column;
    padding: 1rem;
}

.backgroundLitros, .backgroundDesbl, .backgroundCanj, .backgroundDips {
    padding: 2rem 4rem;
}
.w-30{
    width: 33.3%;
    float: left;
}
.claerfix-xs{
    clear: both;
    margin-top: 10px;
}

#backtotop {
     display: none !important;
}
.modal {
    width: 100%;

}
.backgroundImg_sm {
    position: relative;
    margin: 15rem 0 0 0;
    display: flex;
    justify-content: center;
}
.backgroundImg_sm img {
    margin-top: -260px;
    float:left;
}

.text_login {
    position:absolute;
    top: 4rem;
    right: 2.3rem;
}

.contenedor_form_login  .el_form_login .form-control {
    width: 100%
    
}

.logoSm {
    padding: 0 1rem;
    width: 17rem;
    margin-top: 1rem;
    
}
.userImg{
    display:flex;
    justify-content: center;
}
.userImg img{
    padding: 3rem;
    width: 20rem;
}
.wrap_apie {
    flex-direction: column;
    gap: 1rem;
    padding: 20px 0;
    align-items: flex-start;
}
/*.fondo_top{*/
/*    background: url(../imagenes/IMG-LOGIN.jpg) no-repeat ;*/
/*    background-size: 100% auto;*/
/*	padding:10rem 10rem;*/
/*	padding-bottom:0px;*/
/*	color:#fff;*/
/*	object-fit: cover;*/
/*    height: 100vh;*/
/*    transform: translate(0%, 40%);*/

/*}*/
}