/** =================== FUENTES =================== **/

/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("/vendor/fonts/montserrat/Montserrat-Thin.eot");
    src: url("/vendor/fonts/montserrat/Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
         url("/vendor/fonts/montserrat/Montserrat-Thin.woff2") format("woff2"),
         url("/vendor/fonts/montserrat/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("/vendor/fonts/montserrat/Montserrat-Regular.eot");
    src: url("/vendor/fonts/montserrat/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("/vendor/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),
         url("/vendor/fonts/montserrat/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Black **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("/vendor/fonts/montserrat/Montserrat-Black.eot");
    src: url("/vendor/fonts/montserrat/Montserrat-Black.eot?#iefix") format('embedded-opentype'),
         url("/vendor/fonts/montserrat/Montserrat-Black.woff2") format("woff2"),
         url("/vendor/fonts/montserrat/Montserrat-Black.woff") format("woff");
}

/** =================== LATO =================== **/

/* Webfont: Lato-Bold */
@font-face {
    font-family: 'Lato';
    src: url('/vendor/fonts/lato/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('/vendor/fonts/lato/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/vendor/fonts/lato/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('/vendor/fonts/lato/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('/vendor/fonts/lato/fonts/Lato-Bold.ttf') format('truetype');
    font-style: bold;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'Lato';
    src: url('/vendor/fonts/lato/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/vendor/fonts/lato/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/vendor/fonts/lato/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('/vendor/fonts/lato/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('/vendor/fonts/lato/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* ESTILOS ELEMENTOS TEXTO*/
h1, h2, h3, h4, h5, h6{
     font-family: 'Montserrat', "San Francisco", "Helvetica Neue", "Helvetica", "Segoe UI","Roboto", "Ubuntu",sans-sarif; 
     text-transform: uppercase;
     font-weight: 900;
}

body{
	font-family: 'Lato', "San Francisco", "Helvetica Neue", "Helvetica", "Segoe UI","Roboto", "Ubuntu",sans-sarif;
}

/* MENU */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/*PACE LOADER*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #2F9;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
}