body {
    font-family: 'Montserrat', sans-serif;
    color: #616161;
    /* padding-top: 65px;  */
}

h1 {
    font-weight: 600;
    color: #616161;
    font-size: 3em;
}

h2 {
    font-weight: 300;
    color: #616161;
    font-size: 2em;
}

a {
    color: #616161;
    font-size: 1em;
}

a:hover {
    color: #F28D35;
}

footer a {
    color: #B8B8B8 !important;
}

footer {
    background-color: #616161;
    color: #B8B8B8;
}

.navegacion {
    position: absolute !important;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
}

/* font */
.font-size-small {
    font-size: .7em;
}

.large {
    font-size: 1.5em;
}

.extra-large { 
    font-size: 2.5em;
}

.mayus {
    text-transform: uppercase;
}

.no-bullet {
    list-style-type:none;
}

.naranja {
    color: #F28D35;
}

.font-weight-medium {
    font-weight: 600;
}

.dark-gray {
    color: #616161;
}

.text-tab {
    text-decoration: none;
}

/* background */
.bg-light-gray {
    background-color: #F2F2F5;
}

.bg-ramp-gray {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f2f2f7",GradientType=1);
}

.bg-ramp-gray-inverted {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(318deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 84%);
    background: -webkit-linear-gradient(318deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 84%);
    background: linear-gradient(318deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f2f2f7",GradientType=1);
}

.bg-ramp-naranja {
    background: rgb(242,141,53);
    background: -moz-linear-gradient(90deg, rgba(242,141,53,.8) 0%, rgba(243,151,109,.7) 100%);
    background: -webkit-linear-gradient(90deg, rgba(242,141,53,.8) 0%, rgba(243,151,109,.7) 100%);
    background: linear-gradient(90deg, rgba(242,141,53,.8) 0%, rgba(243,151,109,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f28d35",endColorstr="#f3976d",GradientType=1);
    background-blend-mode: multiply;
}

/* borders */
.border-gray {
    border: #ACACAC solid 2px;
}

/* heights */
.vh50 {
    min-height: 50vh;
}

.vh30 {
    min-height: 30vh;
}

.vh20 {
    min-height: 20vh;
}

/* elements */
footer hr {
    border: 1px solid #707070;
    width: 45%;
}

.card-img {
    border-radius: 1.6em;
    padding: 2em;
    background: rgb(243,249,249);
    background: -moz-radial-gradient(circle, rgba(243,249,249,1) 0%, rgba(249,249,251,1) 87%, rgba(249,249,251,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(243,249,249,1) 0%, rgba(249,249,251,1) 87%, rgba(249,249,251,1) 100%);
    background: radial-gradient(circle, rgba(243,249,249,1) 0%, rgba(249,249,251,1) 87%, rgba(249,249,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f9f9",endColorstr="#f9f9fb",GradientType=1);

    -webkit-box-shadow: 21px 21px 21px 0px rgba(232,232,254,.5);
    -moz-box-shadow: 21px 21px 21px 0px rgba(232,232,254,.5);
    box-shadow: 21px 21px 21px 0px rgba(232,232,254,.5);
}

.card-ramp {
    max-width: 250px;
    border-radius: 3.3em;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(320deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    background: -webkit-linear-gradient(320deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    background: linear-gradient(320deg, rgba(255,255,255,1) 0%, rgba(242,242,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f2f2f7",GradientType=1);

    -webkit-box-shadow: 0px 20px 40px 0px rgba(232,232,254,.5);
    -moz-box-shadow: 0px 20px 40px 0px rgba(232,232,254,.5);
    box-shadow: 0px 20px 40px 0px rgba(232,232,254,.5);
}

.img-rounded {
    border-radius: 1em;
    border: 1px solid #616161;
}

.btn-naranja {
    background: rgb(249,191,115);
    background: linear-gradient(39deg, rgba(249,191,115,1) 0%, rgba(242,141,53,1) 100%);
    border-radius: 1.5em;
    margin: 1em;
    padding: .3em 1.8em !important;
    color: white !important;
    border: none;
    outline: none;
}

.btn-white {
    background: #FFF;
    border-radius: 1.5em;
    margin: 1em;
    padding: .3em 1.8em !important;
    color: #616161 !important;
    outline: none;
}

.btn-naranja:hover {
    background: linear-gradient(225deg, rgba(249,191,115,1) 0%, rgba(242,141,53,1) 100%);
    outline: none;
}

/* orientar */
.border-line {
    border: 1px solid #ACACAC;
    border-radius: 1em;
}

input.orientar {
    border: none;
    color: #A8A8A8;
    background-color: rgba(255,255,255,0);
    width: 100%;
}

input.orientar::placeholder {
    color: #A8A8A8;
}

input.orientar:focus {
    outline: none;
}

/* asesoramos */
.border-line-white {
    border: 1px solid #fff;
    border-radius: 2em;
}

input.asesoramos {
    border: none;
    color: #fff;
    background-color: rgba(255,255,255,0);
    width: 100%;
    font-weight: 300;
}

input.asesoramos::placeholder {
    color: #fff;
}

input.asesoramos:focus {
    outline: none;
}

.asesoramos-btn {
    background-color: #fff;
    border-radius: 1.5em;
    color: #616161;
    font-weight: 300;
    border: none;
}

.asesoramos-btn:hover {
    background-color: #ecd7c3;
}
  
.no-outline:focus {
    outline: none;
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 1.4em;
        text-transform: uppercase;
    }
    h2 {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: 600;
    }

    h5 {
        font-size: 1.1em;
    }

    a {
        font-size: .8em;
    }
    p {
        font-size: .8em;
    }

    .large, .extra-large {
        font-size: 1em;
    }

    .navegacion {
        position: absolute !important;
        width: 100%;
        background-color: rgba(255, 255, 255, 1);
    }

    input.orientar, input.asesoramos {
        font-size: .8em;
    }
}