/*
Theme Name: 
Theme URI: 
Author: 
mail: 
Version:
*/

@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------- 

0. ESTILOS BASE
1. TEXTO y TIPOGRAFÍAS
2. HEADER - NAV
3. TOP HERO - CHECK QUALIFY CREDIT
4. SOLUTIONS(INDEX)
5. SOLUTIONS THAT WORK (INDEX)
6. BANNER JUST CALL US
7. SEPARADORES GRIS Y AZUL
8. NOTICIAS (INDEX)
9. BACK LOGOS
10. STEP BY STEP
11. PLANS FOR YOU
12. DEBT RELIEF OPTIONS
13. CONTACT
14. CORPORATE INFO
-. FOOTER



------------------------------------------------- */

/* 0. ESTILOS BASE */
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box !important;
    font-family: 'Baloo Thambi 2', cursive;
}

:root {
    --color1:#4173D4;
    --color2:#CC172D;
    --color3:#F8F6F6;
    --color4:#c2c2c2;
    --color5:#233B6B;
}

body, html{
	margin: 0;
	padding: 0;
	overflow-x:hidden;
    color:var(--color1);  
    font-size: 14px;
    width: 100%;
    background: oldlace;
}

.color1{
	color: var(--color1) !important;
}

.color2{
	color: var(--color2) !important;
}

.color3{
	color: var(--color3) !important;
}


.back1{
	background-color: var(--color1) !important;
}

.back2{
	background-color: var(--color2) !important;
}

.back3{
	background-color: var(--color3) !important;
}

.back5{
	background-color: var(--color5) !important;
}


section,nav,article,aside,hgroup,header,footer{
	display:block
}
ul, ol, li{
	list-style: none;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	width: 100%;
	height: auto;
	display: block;
}
.cleaner{
	clear: both;
	visibility:hidden;
	font-size:0;
	height:0;
	display:block;
}
.hidden{
    position: absolute;
    width: 0;
    height: 0;
    top:-5000px;
    left: -5000px;
}
.textLeft{
	text-align:left !important;
}
.textRight{
	text-align:right  !important;
}
.textCenter{
	text-align:center;
}
.filter{
	position: absolute;
	background-image: linear-gradient(to right,rgba(0,0,0,0.3) ,rgba(0,0,0,0.6));
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.padding20{
	padding: 0 20px !important;
}
.padding30{
	padding: 0 30px !important;
}

.btn{
    display:inline-flex !important;
    flex-flow: row nowrap!important;
    align-items: center!important;
    justify-content: space-between!important;
    font-size: 1.4em !important;
    font-weight: 400 !important;
    background: var(--color1) !important;
    border:1px solid var(--color1) !important;
}
.btn > img{
    width: 32px;
    margin: 0 8px 0 0;
}
.btn:hover{
    background-color:var(--color2) !important;
    border:1px solid var(--color2) !important;
}

.cancelLinkStye {
    color: inherit !important;
    text-decoration: none !important;
    outline: none;
    cursor: pointer;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 1. TEXTO y TIPOGRAFÍAS */


p{
    color: var(--color1);
    font-size: 1em;
}

.section-title{
    color: var(--color1);
    text-align: center;
    position: relative;
    margin: 20px 0 10px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
   
}
.section-title h2{
    font-size: 2.5em;
    margin: 0;
    background-color: white;
    padding: 0 5%;
    text-align: center;
    flex:3;
}

.section-title-border{
    flex:1;
    width: 100%;
    height: 2px;
    border:none;
    background-color: var(--color1);
}

.section-subtitle{
    font-size: 2em;
    color: var(--color2);
    text-align: center;
    width: 80%;
    max-width: 600px;
    margin: 10px auto;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 2. HEADER - NAV */
#header-page{
    width: 100%;
    position: absolute;
    z-index: 2;
    padding: 10px 10px 0 10px;
    background: rgba(255,255,255,0.9);
    border-top: 4px solid var(--color1);

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
/* logo */
#logo-page-header{
    width: 290px;
    height: 85px;
    background:url(images/logo.png) 0 0 no-repeat;
    background-size: contain;
    text-indent: -5000px;
}
/* CALL US */
#callUs-header{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
    background: var(--color2);
    border-radius: 4px;
}

#callUs-header img{
    width: 30px;
    margin-right: 7px;
}

#callUs-header span{
    font-size: 1.5em;
    font-weight: 400;
    color:white;
}
/*NAVEGADOR*/
#navegador a{
    font-size: 1.4em;
    color: var(--color1);
}
#navegador a:hover{
    font-size: 1.4em;
    color: var(--color2);
}
#navegador a.disabled{
    color: var(--color2);
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 3. TOP HERO - CHECK QUALIFY CREDIT */
#top-hero{
    padding: 0;
    position: relative;
}

#wrap-check-qualify{
    width: 90%;
    max-width: 700px;
    position: absolute;
    right: 80px;
    top:50%;
    transform: translateY(-40%);
}

#wrap-check-qualify h2{
    font-size: 3em;
    color: white;
}

#wrap-check-qualify h3{
    font-size: 1.8em;
    color: white;
}

#check-qualify{
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    background: white;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.50);
}

#check-qualify .nav-pills .nav-link.active, #check-qualify .nav-pills .show>.nav-link{
    background-color: var(--color2) !important;
    color: white;
}

#check-qualify .nav-pills a.nav-link{
    background: var(--color4);
    color: white;
    font-size: 1.4em;
    margin: 0 1px;
}

.step-check-qualify{
    text-align: center;
}

.step-check-qualify h3{
    font-size: 1.8em;
    text-align: center;
}

.label-range{
    color: var(--color2);
    font-size: 1.8em;
    text-align: center;
    font-weight: 600;
    display: block;
}

.step-check-qualify .btn{
    display:inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 400;
    background: var(--color1);
    border:var(--color1);
    margin: 20px auto;
}

.step-check-qualify .btn:hover{
    background: var(--color2);
    border:var(--color2);
}
.step-check-qualify p{
    font-size: 1em;
    color: var(--color1);
    text-align: justify;
}
.step-check-qualify p.smallText-check-qualify{
    font-size: 0.8em;
}
.step-check-qualify p.destacado{
    font-size: 1.4em;
    color: var(--color2);
    text-align: center !important;
}
.step-check-qualify .row{
    margin-bottom: 10px;
}


.step-check-qualify .inputs {
    height: calc(3.5rem + 2px);
    padding: 1rem .75rem;
}

#liveChat{
    position: absolute;
    left: 30px;
    top:50%;
    transform: translateY(-50%);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    background-color: var(--color2);
    padding: 8px;
    border-radius: 4px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.50);
    text-decoration: none;
    cursor: pointer;
}

#liveChat:hover{
    background-color: var(--color1);
}

#liveChat img{
    width: 34px;
    margin-right: 10px;
}

#liveChat span{
    font-size: 1.8em;
    color: white;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 4. SOLUTIONS(INDEX) */
#wrap-solutions-index{
    margin: 60px 0;
}
.solution-index{
    text-align: center;
    padding: 0 30px !important;
    margin: 50px 0 !important;
}
.solution-index figure{
    width: 60px;
    margin: 10px auto;
}
.solution-index h3{
    color: var(--color1);
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.solution-index p{
    color: var(--color1);
    font-size: 1em;
}
.solution-index .check-item { 

    width:100%;

}
.solution-index .check-item img{ width: 60px; display:inline-table; }
.solution-index .check-item span { width: auto; display:block; margin:15px 10px; color: var(--color1); font-size: 1.1em; text-transform: uppercase; font-weight: bold; text-align:center; }
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* 5. SOLUTIONS THAT WORK (INDEX) */
#wrap-solutionsThatWork-index { background: url(images/cupula.svg) 0 0 no-repeat var(--color3); background-size: contain; text-align: center; padding: 100px 0 100px 0 !important; }
#wrap-solutionsThatWork-index > h3.section-subtitle{
    margin-bottom: 30px;
}

#wrap-solutionsThatWork-index > a.btn{
    font-size: 1.4em;
    margin-bottom: 30px;
}

#wrap-solutionsThatWork-index > h4{
    color:var(--color1);
    font-size: 1.8em;
    margin-bottom: 30px;
}

.wrap-data-solutionsThatWork-index{
    width: 90% !important;
    margin: 20px auto !important;
    background-color: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.data-solutionsThatWork{
    margin:20px 0 !important;
}

.data-solutionsThatWork h5{
    color:var(--color1);
    font-size: 0.9em;
    margin-bottom: 0;
    text-transform:uppercase;
}

.data-solutionsThatWork p{
    color:var(--color2);
    font-size: 2em !important;
    text-transform:uppercase;
    font-weight:600;
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 6. BANNER JUST CALL US */
#banner-justCallUs{
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background: var(--color1);
}
.border-banner{
    border-top:3px solid var(--color2);
    border-bottom: 40px solid var(--color1);
}

#info-banner-justCallUs{
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    height: 100%;
    right: 0;
    text-align: center;
    padding: 0 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

#info-banner-justCallUs h2{
    color: var(--color1);
    font-size: 3em;
    margin-bottom: 20px;
}

#info-banner-justCallUs h3{
    color: var(--color2);
    font-size: 1.8em;
    margin-bottom: 20px;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 7. SEPARADORES GRIS Y AZUL */
#separador-gris{
    background-color: var(--color3);
    height: 100px;
}

#separador-azul{
    background-color: var(--color1);
    height: 50px;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.3);
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 8. NOTICIAS (INDEX) */
#wrap-news-index{
    padding: 100px 0;
}
.news-index{
    padding: 0 40px !important;
    text-align: center;
    position: relative;
}
.news-index figure{
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 4px;
}
.news-index > div{
    position: relative;
    z-index: 2;
    width: 90%;
    margin: -40px auto 0 auto;
    background-color: var(--color3);
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    border-radius: 4px;
}

.news-index > div > h3{
    font-size: 1.1em;
    text-transform: uppercase;
    color: var(--color5);
    margin-bottom: 15px;
}
.news-index > div > p{
    color: var(--color5);
    margin-bottom: 15px;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 9. BACK LOGOS */
#wrap-back-logos{
    margin: 60px auto 40px auto;
    border-top:1px solid var(--color5);
    border-bottom:1px solid var(--color5);
    padding: 15px 0;
}

.back-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:10px;
}
.back-logo img{
    width: 100%;
    max-width: 300px;
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* 10. STEP BY STEP */
#wrap-step-by-step{
    
}
.step-by-step{
    background: url(images/arco.svg) center 0 no-repeat var(--color3);
    background-size: contain;
    padding:160px 0 100px 0 !important;
    border-bottom: 3px solid var(--color2);
}
.step-by-step .row{
    padding-top: 70px;
}
.wrap-step{
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    margin: 0 !important;
    padding: 0 !important;
}

.separador-step-by-step{
    border-top: 1px dotted var(--color1);
   margin-top: 70px;
}

.number-blue{
    background: white;
    color:  var(--color1);
    text-align: right;
    flex:1;
    min-width: 150px;
    font-size: 15em;
    line-height: 1em;
    margin: 0 !important;
    padding: 0 !important;
}
.number-white{
    background: var(--color1);
    color: white;
    text-align: right;
    flex:1;
    min-width: 150px;
    font-size: 15em;
    line-height: 1em;
     margin: 0 !important;
    padding: 0 !important;
}
.step-blue{
    background: var(--color1);
    padding: 20px;
}
.step-blue *{
    color: white;
}
.step-white{
    background: white;
    padding: 20px;
}
.step-white h3{
    color: var(--color2);
}
.step-white h4{
    color: var(--color1);
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* 11. PLANS FOR YOU */
.wrap-plans-for-you{
    padding: 50px 0;
}

.wrap-plans-for-you h2{
    color: var(--color1);
    text-align: center;
}

.wrap-individual-plan-for-you{
    display: flex;
    flex-flow: row nowrap;
    padding: 20px 0 60px 0;
    border-bottom: 1px dotted var(--color1);
    align-items: stretch;
    justify-content: stretch !important;
    margin-bottom: 20px;
}
.info-plan-for-you{
    flex:1;
    max-width: 50% !important;
    background-color: var(--color3);
    padding: 20px;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
.info-plan-for-you *{
    text-align: justify;
}
.info-plan-for-you h4{
    color: var(--color2);
}
.thumb-plan-for-you{
    flex:1;
    position: relative;
    overflow: hidden;
    background:var(--color1);
}

.thumb-plan-for-you > picture{
    width: 100%;
    overflow: hidden;  
}

.thumb-plan-for-you > picture > img{
    height: auto !important;
    width: 100%;
}

.pointer-triangle{
    position: absolute;
    top:40px;
    width: 30px;
    left: 0;
}
.pointer-triangle-r{
    position: absolute;
    top:40px;
    right: 0;
    width: 30px; 
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 12. DEBT RELIEF OPTIONS */
#wrap-relief-options{
    margin: 0 0 100px 0 !important;
    padding: 100px 0 !important;
    border-bottom: 3px solid var(--color2);
}

#wrap-relief-options > h2{
    margin-bottom: 100px;
}

.relief-options{
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: stretch;
}

.row-relief-options:nth-child(even) .check-relief-options{ background-color: var(--color1);}
.row-relief-options:nth-child(odd) .check-relief-options{ background-color: var(--color5);}

.check-relief-options{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 15px;
    margin: 0 15px 0 0;
}
.check-relief-options img { min-width: 25px; max-width:25px; min-height: 150px; }

.content-relief-options{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content:stretch;
    padding: 25px 0 0 0;
}
.content-relief-options h2{
    width: 20%;
    color: var(--color1);
    text-align: left;
}

.content-relief-options p{
    width: 80%;
    color: var(--color1);
    text-align: justify;

}

.content-relief-options hr{
    width: 90%;
    height: 1px !important;
    border: none;
    background-color: var(--color1)!important;
    margin: 0 0 0 10%;
    opacity: 1 !important;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 13. CONTACT */
#wrap-contact-page{
    margin: 100px 0 100px 0;
}
.contact-page{
    background: url(images/arco.svg) center 0 no-repeat var(--color3);
    background-size: contain;
    padding:160px 0 100px 0 !important;
    border-bottom: 3px solid var(--color2);
}
.contact-page h2{
    margin: 20px 0 40px 0;
    color: var(--color1);
}


.contact-info *{
    color: var(--color1);
    font-weight: 600;
}

.contact-info p{
    margin: 10px 0 30px 15px;
    color: var(--color5);
    font-weight: 600;
}
.contact-info p *{
    color: var(--color5);
    font-weight: 600;
    font-size: 1.3em;
}
.contact-info p a{
    color: var(--color5);
    font-weight: 600;
    text-decoration: none;
}
.contact-info p a:hover{
    color: var(--color2);
    font-weight: 600;
    text-decoration: none;
}
.contact-info-icon{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.contact-info-icon img{
    width: 25px;
    height: auto;
    display: block;
    margin: 0 10px 0 0;
}

.contact-form{
    max-width: 50% !important;
    background-color: white;
    padding: 20px 100px!important;
}

.contact-form h4{
    color: var(--color1);
    font-weight: 600;
    padding: 0 0 0 15px;
    border-left:4px solid var(--color2);
    margin-bottom: 25px;
}

.form-group > *{
    margin:10px 0;
}

.form-group > textarea{
    height: 120px;
}

.button-form{
    text-align: center;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 14. CORPORATE INFO */
#wrap-corporate-info{
    margin:100px 0;
    padding: 0;
}
#wrap-corporate-info h2{
    margin:0 0 50px 0;
}
#wrap-corporate-info > div.container-fluid{
    padding: 0 !important;
}
.row-corporate-info{
    margin: 20px 0;
}
.row-corporate-info:nth-child(even) h3{ 
    background-color: var(--color5);
    color:white;
    padding: 10px 15%;
    text-align: right;
    font-size: 2.5em !important;
}
.row-corporate-info:nth-child(odd) h3{ 
    background-color: var(--color1);
    color:white;
    padding: 10px 15%;
    text-align: left;
    font-size: 2.5em !important;
}
.corporate-info p{
    text-align: justify;
    width: 70%;
    margin: 20px auto;
}

.policyPages { margin:100px 0 !important; }
.policyContainer p { line-height: 160%; }
.policyContainer ul { margin: 10px 30px !important; color: var(--color1); }
.policyContainer ul li{ margin:5px; list-style-type:disc; }
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* -. FOOTER */
#footer-page { display: flex; flex-flow: column; padding: 0; margin: 100px 0 0 0; }

#folloUS-footer{
    width: 420px;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    padding: 40px 0 15px 0;
    border-bottom: 1px solid white;
}
#folloUS-footer span{
    color: white;
    font-size: 1.2em;
    display: inline-block;
    margin-right: 40px;
}
#folloUS-footer img{
    width: 30px;
    margin: 0 20px;
}

#menu-footer{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around; 
    margin: 40px 0;
}

#menu-footer a{
    color: white;
    font-size: 1.2em;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
}

#menu-footer a:hover{
    background: var(--color1);
}
#legal-footer{
    padding: 30px 10px;
}

#legal-footer small{
    color: white;
    text-align: justify;
}

#legal-footer small a{
    color: white;
    display: inline-block;
    padding: 4px 5px;
    margin: 0 4px;
    border-radius: 4px;
}

#legal-footer small a:hover{
    background: var(--color5);
    text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1650px) {
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 700px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
    }

    #wrap-check-qualify h2{
        font-size: 2.5em;
        color: white;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 6. BANNER JUST CALL US */
    #info-banner-justCallUs{
        width: 40%;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 1400px) {
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 800px;
        position: absolute;
        right: 30px;
        top:140px;
        bottom: auto;
        transform: none;
    }
    /* 6. BANNER JUST CALL US */
    #info-banner-justCallUs{
        width: 45%;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 8. NOTICIAS (INDEX) */

    .news-index > div{
        margin: -80px auto 0 auto;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 1250px) {

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    .policyPages { margin: 150px 0 0 0 !important; }
    /* 2. HEADER - NAV */
    #header-page{
        width: 100%;
        position: absolute;
        z-index: 2;
        padding: 10px 0 0 0;
        background: rgba(255,255,255,0.75);
        flex-flow: row wrap;
    }
    /* CALL US */
    #callUs-header{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        padding: 6px;
        background: var(--color2);
        border-radius: 0;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 950px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.9em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 13. CONTACT */
    .contact-form{
        max-width: 50% !important;
        background-color: white;
        padding: 20px 60px!important;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 1200px) {

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */
    .policyPages { margin: 150px 0 0 0 !important; }
    #wrap-check-qualify{
        width: 90%;
        max-width: 850px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.9em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 8. NOTICIAS (INDEX) */

    .news-index{
        padding: 0 20px !important;

    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 11. PLANS FOR YOU */
    .thumb-plan-for-you{
        padding: 20px;
    }

}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 1100px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 800px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.9em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 1050px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 750px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.9em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width:1000px) {

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 90%;
        max-width: 700px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.85em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 11. PLANS FOR YOU */
    .info-plan-for-you{
        max-width: 60% !important;
    }
  
    .thumb-plan-for-you{
        max-width: 40% !important;
        padding: 10px;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 12. DEBT RELIEF OPTIONS */

    .content-relief-options h2{
        width: 30%;
    }

    .content-relief-options p{
        width: 70%;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

}
/* ------------------------------------------------- */
/* ------------------------------------------------- */








@media only screen and (max-width: 992px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 4. SOLUTIONS(INDEX) */
    .solution-index{
        text-align: center;
        padding: 0 20px !important;
        margin: 20px 0 !important;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 8. NOTICIAS (INDEX) */
    #wrap-news-index{
        padding: 100px 0;
    }
    .news-index{
        padding: 40px 0 !important;
    }
    .news-index figure{
        width: 100%;
        height: 250px;
    }
    .news-index > div{
        margin: -80px auto 0 auto;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 13. CONTACT */
    .contact-form{
        max-width: 100% !important;
        background-color: white;
        padding: 20px 10%!important;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 950px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */


    #wrap-check-qualify{
        width: 90%;
        max-width: 650px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.85em;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 10. STEP BY STEP */
    .step-by-step{
        padding:80px 0 100px 0 !important;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 900px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    .policyPages { margin:150px 0 0 0 !important; }
   /* 2. HEADER - NAV */
    #header-page{
        background: rgba(255,255,255,0.9);
    }

    /* logo */
    #logo-page-header{
        width: 260px;
        height: 76px;
    }
    /*NAVEGADOR*/
    #navegador a{
        font-size: 1.2em;
        color: var(--color1);
    }
    #navegador a:hover{
        font-size: 1.2em;
        color: var(--color2);
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */


    #wrap-check-qualify{
        width: 90%;
        max-width: 600px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.85em;
    }

    #liveChat{
        position: absolute;
        left: 0;
        top:180px;
        transform: none;
        border-radius: 0 4px 4px 0;
    }

    #liveChat img{
        width: 30px;
        margin-right: 10px;
    }
    
    #liveChat span{
        font-size: 1.6em;
        color: white;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 6. BANNER JUST CALL US */
    #info-banner-justCallUs{
        background-color: rgba(255,255,255,0.75);
        width: 60%;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* -. FOOTER */
        
    #menu-footer{
        flex-flow: row wrap;
    }
    #logo-menu-footer{
        width: 100%;
    }
    #logo-menu-footer img{
        width: 270px;
        margin:auto;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 800px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
 .policyPages { margin: 200px 0 0 0 !important; }
    /* 2. HEADER - NAV */
    /* logo */
    #logo-page-header{
        width: 230px;
        height: 67px;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */


    #wrap-check-qualify{
        width: 90%;
        max-width: 580px;
        position: absolute;
        right: 30px;
        top:180px;
        bottom: auto;
        transform: none;
        font-size: 0.8em;
    }

    #liveChat img{
        width: 25px;
        margin-right: 10px;
    }
    
    #liveChat span{
        font-size: 1.3em;
        color: white;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 770px) {
    /* ------------------------------------------------- */
/* ------------------------------------------------- */
/* -------- .policyPages { margin: 10px 0 !important; }----------------------------------------- */
    .policyPages { margin: 200px 0 0 0 !important; }
/* 1. TEXTO y TIPOGRAFÍAS */
    .section-subtitle{
        font-size: 1.6em;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 2. HEADER - NAV */
    #header-page{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    #navegador a{
        font-size: 1.5em;
        color: var(--color1);
    }
    #navegador a:hover{
        font-size: 1.5em;
        color: var(--color2);
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */


    #wrap-check-qualify{
        width: 90%;
        max-width: 580px;
        position: absolute;
        right: 30px;
        top:230px;
        bottom: auto;
        transform: none;
        font-size: 0.8em;
    }

    #liveChat {
        top:240px;
    }
    /* 10. STEP BY STEP */
    .step-by-step{
        padding:50px 0 100px 0 !important;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 11. PLANS FOR YOU */
    .info-plan-for-you{
        max-width: 50% !important;
    }
  
    .thumb-plan-for-you{
        max-width: 50% !important;
        padding: 10px;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 14. CORPORATE INFO */

    .row-corporate-info:nth-child(even) h3{ 
        padding: 10px 10%;
    }
    .row-corporate-info:nth-child(odd) h3{ 
        padding: 10px 10%;
    }
    .corporate-info p{
        width: 80%;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 767px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
.policyPages { margin: 100px 0; }
    /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #wrap-check-qualify{
        width: 80%;
        max-width: none;
        position: absolute;
        right: 10%;
        top:150px;
        bottom: auto;
        transform: none;
        font-size: 0.8em;
    }
    #wrap-check-qualify h2, #wrap-check-qualify h3{
        text-align: center;
    }

    #liveChat{
        position: absolute;
        left: auto;
        right: 0;
        top:20px;
        transform: none;
        border-radius: 4px 0 0 4px;
        z-index: 200;
    }
    
    #liveChat:hover{
        background-color: var(--color1);
    }
    
    #liveChat img{
        width: 34px;
        margin-right: 0;
    }
    
    #liveChat span{
        display: none;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 2. HEADER - NAV */
    #header-page{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    #navegador {
        position: absolute !important;
        left:0 !important;
        top: 15px !important;
    }
    #navegador .container-fluid{
        padding-left: 0 !important;
    }


    #navbarNav{
        padding: 20px;
        background-color: var(--color5);
        border-radius: 0 10px 10px 0;
    }

    #navegador a{
        font-size: 1.4em;
        color: white;
        text-align: center;
        border-bottom: 1px solid var(--color1);
    }
    #navegador a:hover{
        font-size: 1.4em;
        color: var(--color2);
    }
    #navegador a.disabled{
        color: var(--color2);
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 675px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    .policyPages { margin: 120px 0 0 0!important; }
     /* 3. TOP HERO - CHECK QUALIFY CREDIT */
    #wrap-check-qualify h2{
        text-align: center;
        font-size: 2.3em;
    }
    #wrap-check-qualify h3{
        text-align: center;
        font-size: 1.8em;
    }
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


@media only screen and (max-width: 650px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    .policyPages { margin: 10px 0 !important; }
     /* 3. TOP HERO - CHECK QUALIFY CREDIT */
    #wrap-check-qualify h2{
        text-align: center;
        font-size: 2em;
    }
    #wrap-check-qualify h3{
        text-align: center;
        font-size: 1.6em;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 12. DEBT RELIEF OPTIONS */
    .content-relief-options{
        display: flex;
        flex-flow: column;
        align-items: start;
        justify-content:stretch;
        padding: 25px 0 0 0;
    }
    .content-relief-options h2{
        width: 100%;
    }

    .content-relief-options p{
        width: 100%;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 14. CORPORATE INFO */

    .row-corporate-info:nth-child(even) h3{ 
        padding: 10px 5%;
    }
    .row-corporate-info:nth-child(odd) h3{ 
        padding: 10px 5%;
    }
    .corporate-info p{
        width: 90%;
    }
}


@media only screen and (max-width: 580px) {
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

/* ------------------------------------------------- */
    /* ------------------------------------------------- */
    .policyPages { margin: 10px 0 !important; }
    /* 8. NOTICIAS (INDEX) */
    #wrap-news-index{
        padding: 100px 0;
    }
    .news-index{
        padding: 30px 10% !important;
    }
    .news-index figure{
        width: 100%;
        height: 250px;
    }
    .news-index > div{
        margin: -80px auto 0 auto;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
}





@media only screen and (max-width: 550px) {
    /* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* 1. TEXTO y TIPOGRAFÍAS */

    .policyPages { margin: 10px 0 !important; }
.section-title h2{
    font-size: 2em;
}
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 2. HEADER - NAV */
    #header-page{
        position: relative;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

     /* 3. TOP HERO - CHECK QUALIFY CREDIT */

     #wrap-check-qualify{
        width: 90%;
        max-width: none;
        position: absolute;
        right: 5%;
        top:20px;
        bottom: auto;
        transform: none;
        font-size: 0.8em;
    }
    #wrap-check-qualify h2{
        text-align: center;
        font-size: 1.8em;
    }
    #wrap-check-qualify h3{
        text-align: center;
        font-size: 1.4em;
    }

    #liveChat{
        top:-110px;
    }
    
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 6. BANNER JUST CALL US */
    #info-banner-justCallUs{
        background-color: rgba(255,255,255,0.75);
        width: 70%;
    }
    /* ------------------------------------------------- */

    /* 8. NOTICIAS (INDEX) */
    .news-index > div{
        margin: -120px auto 0 auto;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* 11. PLANS FOR YOU */
    .info-plan-for-you{
        max-width: 100% !important;
    }
  
    .thumb-plan-for-you{
        display: none;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* -. FOOTER */
    #menu-footer a{
        color: white;
        font-size: 1em;
        display: inline-block;
        padding: 10px 10px;
        text-decoration: none;
        border-radius: 4px;
    }
    

}
/* ------------------------------------------------- */
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* ------------------------------------------------- */



@media only screen and (max-width: 400px) {
    
    /* 0. ESTILOS BASE */

    .policyPages { margin: 10px 0 !important; }
    .btn{
        font-size: 1.2em !important;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 2. HEADER - NAV */
    /* logo */
    #logo-page-header{
        width: 200px;
        height: 59px;
    }
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

     /* 3. TOP HERO - CHECK QUALIFY CREDIT */

    #check-qualify .nav-pills a.nav-link{
        font-size: 1.2em;
    }

    /* 6. BANNER JUST CALL US */

    #info-banner-justCallUs h2{
        font-size: 2.3em;
        margin-bottom: 10px;
    }

    #info-banner-justCallUs h3{
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */

    /* 8. NOTICIAS (INDEX) */
    #wrap-news-index{
        padding: 50px 0;
    }
    .news-index{
        padding: 30px 10% !important;
    }
    .news-index figure{
        width: 100%;
        height: 250px;
    }
    .news-index > div{
        margin: -165px auto 0 auto;
    }

    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
   
    /* ------------------------------------------------- */
    /* ------------------------------------------------- */
    #folloUS-footer{
        width: 90%;
        padding: 40px 5% 15px 5%;
    }
    #folloUS-footer span{
        display: none;
    }
    #folloUS-fo3oter img{
        width: 10px;
        margin: 0 10px;
    }
    .enlace-menu-footer{
        display: none;
    }


}
/* ------------------------------------------------- */
/* ------------------------------------------------- */