@font-face {
    font-family: fontlight;
    src: url(../fonts/nissan-ag-medium-cnd.ttf);
    font-style: normal;
    font-weight: 100
}
@font-face {
    font-family: 'cursiva';
    src: url(../fonts/POORICH.ttf);
    font-weight: 500;
    font-style: normal; }

@font-face {
    font-family: 'normal';
    src: url("../fonts/Triumvirate CG Inserat Regular.otf");
    font-weight: 300;
    font-style: normal; }
/*.font_title {*/
/*    font-family: "Open Sans", sans-serif; !important*/
/*}*/
.negrita{
    font-weight: bold;
}
.fw-100{font-weight: 100;}
.fs-30{font-size: 30px;}
.fs-12{font-size: 12px !important;}
.fs-14{font-size: 14px !important;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-25{font-size: 25px;}
.sombreado{text-shadow: -1px 3px 0px #000000b8;}
.sombreado2{text-shadow: -1px 1px 2px black;}
.fnt_cincel{font-family: 'cursiva', serif !important; font-weight: 100 !important;}
.fnt_cormo{font-family: 'Cormorant', serif !important;}
.fnt-normal{font-family: "normal", sans-serif;}

/*.fnt_cincel{font-family: 'Cinzel', serif !important;}*/
/*.fnt_cormo{font-family: 'Cormorant', serif !important;}*/
/*.fnt-normal{font-family: "Open Sans", sans-serif;}*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
/*eliminar estas lineas para volver al original*/
section {
    padding: 10px 0;
    overflow: hidden;
}
.features .nav-link h4 {
    font-size: 20px;
    font-weight: 100;
    margin: 0;
}
.features .nav-link:hover {
    color: #cea956;
}

.features .nav-link.active {
    background: #cea956;
    color: #fff;
    border-color: #cea956;
}

#hero {
    background-position: bottom;
    width: 100%;
    overflow: hidden;
    position: relative;
 background-image: url("../img/slider_horizontal/fondo2.png") !important ;background-repeat: no-repeat; background-size: cover;
    padding: 0;
}
#hero p {
    width: 100%;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    margin: 0 auto 30px auto;
    color: #fff;
}
#hero .btn-get-started {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #ccc6c3;
}
#hero .btn-get-started:hover {
    background: #95730a;
    color: #fff;
    text-decoration: none;
}
#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 130px;
}
@media (max-width: 767px) {
    #hero img {
           max-width: 200px;
    }
    #hero p  {display: none;}
    .btn-get-started {display: none !important;}
    #hero h2 {text-align: center;}
    .mobile-nav a {line-height: 3.5em;
    }
    .centrar{
        text-align: center;
    }
    .footer-centro{padding-top: 2.5em;}
}
.nav-menu a {
    border-radius: 0px;
    border-bottom: 1px solid #95730a00;
}
.mobile-nav {
    position: fixed;
    top: 70px !important;
    width:100%;
    right: 0px;
    bottom: 15px;
    left: 0px;
    z-index: 9999;
    overflow-y: auto;
    background: #000000;
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    padding: 10px 0;
}
.mobile-nav a {
    display: block;
    position: relative;
    color: #ffffff;
    padding: 10px 20px;
    font-weight: 500;
    outline: none;

}
@media(min-width: 768px) and (max-width: 991px) {
 .logo {max-width: 250px;
}}
@media (max-width: 550px) {
    .logo {max-width: 160px;
    }}
.nav-menu a:hover,
.nav-menu .active > a,
.nav-menu li:hover > a {
    background: none;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #95730a;
}
@media(min-width: 768px){
    .footer-centro{padding-top: 4.4em;}
    .aladerecha2{
        text-align: right;
    }
    .centrar{
        text-align: left;
    }
    .footer-derecha{padding-top: 4.4em;}
    #header {
        height: 105px;

    }
}
#footer .social-links a {
    font-size: 25px;
    display: inline-block;
    background: #000000;
    color: #fff;
    line-height: 1;
    padding: 14px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    transition: 0.3s;
}

#footer .social-links a:hover {
    background: #283cbd;
    color: #fff;
    text-decoration: none;
}
.color-dorado{color:#cea956 !important;}
.color-negro{color: #000;}
.buttonn-mini{    background: none;
    border: 1px solid #8680806b;
    font-size: 14px;
    line-height: 1;
    margin: 0.5em;
    padding: .5em 1em;
    border-radius: 3px;
    font-family: rboto;
    color: #777574;}