@font-face {
    font-family: 'avenir';
    src: url('font/AvenirLTStd-Roman.otf');
}
@font-face {
    font-family: 'avenirBlack';
    src: url('font/AvenirLTStd-Black.otf');
}

html, body {
    font-family: 'avenir' , sans-serif !important;
}
img{
    width: 100%;
}

h6{
    color: #c54611;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 0.85em !important;
    margin-bottom: 1.8em;
}

h3{
    color: black;
    /*text-transform: lowercase;*/
}

.footer-nav li{
    text-align: left;
    color: white;
    list-style: none;
    font-size: 12px;
    line-height: 30px;
}

.footer-nav li a{
    color: white;
}


.footer-nav li a:hover{
    color: #e44500;
    font-weight: bolder;
    text-decoration: none;
}

m0{
    margin: 0px !important;
}





mt1 {margin-top: 1em;}
mb1 {margin-bottom: 1em;}
mt2 {margin-top: 2em;}
mb2 {margin-bottom: 2em;}

p0{
    padding: 0px !important;
}

.text-white{
    color: white !important;
}

.copyright{
    font-size: 0.8em;
    color: white;
}


.titulos{
    text-align:left !important;
    margin-bottom: 1em !important;
    margin-top: 1em !important;
    font-weight: 900 !important; 
    font-size: 3.2em !important; 
    line-height: 1em !important;
    font-family: avenirBlack;
 }

 #backtop{
    width: 22px;
    float: right;
    margin-right: 60px;margin-top: -100px;
 }
@media only screen and (max-width: 600px) {
    .footer_top p{
        text-align: left;
        padding-left: 10px;
        padding-top: 4px;
        color: white;
        font-size: 1em;
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: 'avenir' !important;
    }
    .glider-prev{
        background: url(images/glider/prev.png); 
        height: 64px;
        width:23px;
        top: 29px;
        }
        .glider-next{
            background: url(images/glider/next.png); 
            height: 64px;
            width:23px;
            top: 29px;
        }

        .social{
            margin-top: 1em;
        margin-bottom: 1em;
        }

        
   .titulos{
    text-align:left !important;
    margin-bottom: 1em !important;
    margin-top: -1em !important;
    font-weight: 600 !important; 
    font-size: 3.2em !important; 
    line-height: 1em !important;
  }

  .footer-bottom{
    padding-bottom: 5em;
  }

  #backtop{
    width: 22px;
    float: right;
    margin-right: 20px;
    margin-top: -135px;
  }
}   

.text-center{
    text-align: center !important;
}