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

@media only screen { /* Define mobile styles */
  body {background-color: #000; color:#fff; font-family: 'Quicksand', sans-serif;}
  section {padding-top: 75px;}
  
  /* Overlay */
  input {display: none;}
  
  .lower{background: rgba(0,0,0,0.6) none repeat scroll 0 0; color: #fff; margin: 0 auto; padding: 1.45em 1em 0; position: fixed; z-index: 999; right: 1rem;}
  .lower label{text-align: center; font-size: 1.3rem;}
  .lower label:hover{cursor:pointer;}

  .overlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.9); z-index: 999;}
  .overlay label{
    width: 58px;
    height:58px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: rgba(0, 0, 0, 0) url("../img/cross.png") no-repeat scroll 0 0;
    z-index: 100;
    cursor:pointer;
  }

  .overlay nav {text-align: center; position: relative; top: 50%; height: 60%; font-size: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; /*height: 100%;*/ position: relative;}
  .overlay ul li {color: #fff; display: block; height: 20%; height: calc(100% / 10); min-height: 54px;}

  .overlay ul li a {color: #fff; text-decoration:none; -webkit-transition: color 0.2s; transition: color 0.2s;}
  .overlay ul li a:hover, .overlay ul li a:focus {color: #ffffff; text-decoration:underline;}

  .lower~.overlay-hugeinc{opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;}

  #op:checked~.overlay-hugeinc{opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}

  .overlay-hugeinc nav {-moz-perspective: 300px;}

  .overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
  }

  #op:checked~.overlay-hugeinc nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  #op:not(:checked)~.overlay-hugeinc nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
  }

/* Top bar */
  .top-bar, .top-bar ul {background-color: transparent;}
  .top-bar-title {font-family: 'Quicksand', sans-serif; padding: 0.7rem 1rem 0.7rem 0; text-transform: uppercase;}

/* Content section */
  .content {overflow: auto; padding-top:100px;}
  .content .nav {padding-top:0;}

  .scroll {color:#fff; text-align: center;}
  #main .scroll {bottom: 1em; position: absolute; width: 100%;}

  /* List */
  ul {margin-left:0;}
  ul li {list-style: none;}
	ul.inline-list {margin: 0 0 1em;}
	ul.inline-list li {display: inline; list-style: outside none none; margin: 0 1em 0 0 !important;}


	/* Buttons */
  a, a:visited, a:active, a:focus {color: #fff; text-decoration: underline;}
  a:hover {color: #fff; text-decoration: none;}

  .btn {background-color: #7f7c73; border-radius: 2em; padding: 1em 2em; text-decoration: none; font-weight: 700;}

  .grow { transition: all .2s ease-in-out; }
  .grow:hover { transform: scale(0.9); }

  .fas.fa-chevron-right {margin-left: 1em;}
  .fas.fa-chevron-left {margin-right: 1em;}
	
	/* Texts */
	h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand', sans-serif;}
  h1 { color:#fff; font-size:5.5vw; text-transform: uppercase;}
  h2 { font-size: 1.5em;}
  h3 { font-size: 1.17em;}
  h4 { font-size: 1em;} 
  h5 { font-size: 0.83em;} 
  h6 { font-size: 0.67em;}

  /*#soul h3 {color: #000;font-size: 1rem; margin-top: -1rem;}*/
  /*#soul h1 {color:#000;}*/

  /*p {font-size: 4vw; color: #fff; line-height: 1.25; margin-bottom: 2em;}*/
  p {font-size: 16px; color: #fff; line-height: 1.25;}
  .transparency {background-color: rgba(2,13,36,0.3); padding: 0.5em;}

  /* Contenedores */
  .imageSwap {top:0; height: 100vh; width: 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover;}
  .shadow {box-shadow: -5px 0 20px 0 rgba(0,0,0,0.8);}
	

  /* Owl Carousel */
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {color: #fff; font-size: 6vw; padding: 0 1em !important;}

	/* Footer */
  footer {background-color: #000; bottom: 0; width: 100%; height: 95px; /* choose any height */}
  footer a {text-decoration: none; font-family: 'Quicksand', sans-serif; font-weight:400;}
  .bottom-footer {font-family: 'Quicksand', sans-serif; font-weight:400; font-size: 0.75em;}
	  
  .blur{filter: blur(1px); -webkit-filter:blur(1px);}

  .redes {margin-bottom:2em;}


}

@media only screen and (min-width: 30.063em) { /* min-width 481px, medium screens */

}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	
}

@media only screen and (min-width: 48em) { /* min-width 768px */

/* Content section */
  .content {overflow: auto; padding-top: 75px; padding-bottom: 75px;}
  .content .nav {padding-top:8%;}
  
  .blur{filter: blur(2px); -webkit-filter:blur(2px);}
}

@media only screen and (min-width: 50.063em) { /* min-width 801px */

  /* Animated background */
  @keyframes breath {
    0%   {background-size: 100% auto; }
    50% {background-size: 105% auto; }
    100% {background-size: 100% auto; }
  }
  .imageSwap {animation: breath 18s linear infinite; background-position: inherit;}
}

@media only screen and (min-width: 80em) { /* min-width:1280px */
  
}