@import url("https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i");
html, body {
  height: 100%;
  width: 100%;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  background: #0c0e0e;
  color: white;
  font-size: 18px;
  font-weight: 300;
}

@media (max-width: 575.98px) {
  body {
    font-size: 20px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  letter-spacing: .1rem;
}

a {
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

a.custom-btn {
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  border: white 2px solid;
  color: rgba(255, 255, 255, 0.5) !important;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  border-radius: 5rem;
  padding: .3rem 2rem .1rem;
  font-size: 1.3rem;
}

a.custom-btn:hover {
  text-decoration: none;
  border-color: #D91222;
  color: white !important;
}

.covervid-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
}

@media (max-width: 991.98pxpx) {
  nav.navbar {
    background-color: rgba(0, 0, 0, 0.85);
  }
}

nav.navbar .navbar-brand {
  padding: 0px;
}

nav.navbar .icon {
  width: 30px;
  height: 47px;
}

nav.navbar .icon .cls-1 {
  fill: #e8e8e6 !important;
}

nav.navbar .icon circle {
  fill: black !important;
}

nav.navbar .icon path {
  fill: black !important;
  width: 20px !important;
}

@media (max-width: 575.98px) {
  nav.navbar {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}

nav.navbar .navbar-collapse ul li a {
  color: white;
  font-family: "Teko", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
}

nav.navbar .navbar-collapse ul li a:hover {
  opacity: .6;
}

nav.navbar .share li a:hover {
  opacity: .6;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-fixed-top.scrolled {
  background-color: rgba(0, 0, 0, 0.9) !important;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

#header {
  height: 100%;
  z-index: 10;
}

#header h1 {
  color: #D91222;
  font-size: 10rem;
  letter-spacing: -.3rem;
}

#header h1 .small-title {
  display: block;
  font-size: 5rem;
  color: white;
  background: transparent;
  line-height: 1rem;
  letter-spacing: normal;
}

#header h1 .box-title {
  display: inline-block;
  background: black;
  color: white;
  font-size: 3rem;
  line-height: 4rem;
  vertical-align: middle;
  margin-bottom: 1.5rem;
  padding: 1rem 1rem .2rem 1rem;
  letter-spacing: 0rem;
}

@media (max-width: 575.98px) {
  #header h1 {
    font-size: 3.2rem;
    letter-spacing: -.1rem;
  }
  #header h1 .small-title {
    font-size: 2rem;
  }
  #header h1 .box-title {
    font-size: 1.5rem;
    padding: .5rem .5rem .2rem .5rem;
    line-height: 2rem;
    margin-bottom: .5rem;
  }
}

@media (max-width: 575.98px) {
  #header p {
    font-size: 18px;
  }
}

#header .btn-arrow-down {
  background: rgba(0, 0, 0, 0.2);
  border: 3px solid white;
  border-radius: 8rem;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#header .btn-arrow-down i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
}

#header .btn-arrow-down:hover {
  border-color: #D91222;
}

#header .btn-arrow-down:hover i {
  border-width: 0 3px 3px 0;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  40% {
    -webkit-transform: translateY(-10px) rotate(45deg);
            transform: translateY(-10px) rotate(45deg);
  }
  60% {
    -webkit-transform: translateY(-5px) rotate(45deg);
            transform: translateY(-5px) rotate(45deg);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  40% {
    -webkit-transform: translateY(-10px) rotate(45deg);
            transform: translateY(-10px) rotate(45deg);
  }
  60% {
    -webkit-transform: translateY(-5px) rotate(45deg);
            transform: translateY(-5px) rotate(45deg);
  }
}

.owl-nav .owl-prev, .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.owl-nav .owl-prev span, .owl-nav .owl-next span {
  font-size: 5rem;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
  opacity: .5;
}

.owl-nav .owl-prev:focus, .owl-nav .owl-next:focus {
  outline: none;
}

.owl-nav .owl-prev {
  left: 5px;
}

.owl-nav .owl-next {
  right: 5px;
}

#cap1 {
  background-image: url(../images/bg-cap1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}

#cap1 .info {
  margin-top: 25rem;
}

@media (max-width: 575.98px) {
  #cap1 .info {
    margin-top: 5rem;
  }
}

@media (max-width: 575.98px) {
  #cap1 {
    background-image: url(../images/bg-cap1-mobile.jpg);
  }
}

.cap h2 {
  text-align: center;
  line-height: 5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  padding-bottom: 1.5rem;
  margin-bottom: 3rem;
  font-size: 7rem;
}

.cap h2:after {
  display: inline-block;
  content: "";
  border-top: 3px solid #ffffff;
  width: 20rem;
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cap h2 span {
  font-size: 3rem;
  font-weight: 300;
  line-height: .1rem;
  color: #D91222;
}

@media (max-width: 575.98px) {
  .cap h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .cap h2:after {
    width: 10rem;
  }
  .cap h2 span {
    font-size: 1.8rem;
  }
}

.cap.bg-red {
  background: #9c261f;
}

.cap.bg-red h2 span {
  color: white;
}

.cap.bg-white {
  background: white;
  color: black;
}

.cap.bg-white h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cap.bg-white h2:after {
  border-top: 3px solid black;
}

.cap.bg-white h2 span {
  color: #D91222;
}

.cap.bg-white .owl-nav .owl-prev span, .cap.bg-white .owl-nav .owl-next span {
  color: white;
}

#cap2 {
  background-image: url(../images/bg-cap2.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}

#cap2 .info {
  margin-top: 25rem;
}

#cap2 .info p {
  color: black;
}

@media (max-width: 575.98px) {
  #cap2 .info {
    margin-top: 5rem;
  }
}

@media (max-width: 575.98px) {
  #cap2 {
    background-image: url(../images/bg-cap2-mobile.jpg);
  }
}

#cap3 {
  background-image: url(../images/bg-alex.jpg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 0rem 10rem;
}

@media (max-width: 575.98px) {
  #cap3 {
    background-size: 80%;
    background-position: 1rem 8rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #cap3 {
    background-size: 70%;
    background-position: 5rem 11rem;
  }
}

#cap3 .alex h3 span {
  font-size: 2rem;
  color: #D91222;
}

@media (max-width: 575.98px) {
  #cap3 .alex {
    margin-top: 8rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #cap3 .alex {
    margin-top: 20rem;
  }
}

#cap3 .accordion-cap3 .card {
  background: none;
  border-radius: none;
}

#cap3 .accordion-cap3 .card .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: .75rem 0rem;
}

#cap3 .accordion-cap3 .card .card-header h5 .btn {
  font-size: 1.3rem;
  font-weight: 300;
  width: 100%;
  text-align: left;
  color: #768687;
  cursor: pointer;
  white-space: normal;
}

#cap3 .accordion-cap3 .card .card-header h5 .btn:hover, #cap3 .accordion-cap3 .card .card-header h5 .btn:focus, #cap3 .accordion-cap3 .card .card-header h5 .btn:visited {
  text-decoration: none;
}

#cap3 .accordion-cap3 .card .card-header h5 .btn.btn:after {
  content: "-";
  float: right;
}

#cap3 .accordion-cap3 .card .card-header h5 .btn.collapsed:after {
  content: "+";
}

#cap3 .accordion-cap3 .card .card-header h5 .btn span {
  color: #cfdedf;
  font-size: 3.5rem;
}

@media (max-width: 575.98px) {
  #cap3 .accordion-cap3 .card .card-header h5 .btn {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-top: 1rem;
  }
  #cap3 .accordion-cap3 .card .card-header h5 .btn span {
    font-size: 2rem;
  }
}

#cap3 .character-box {
  background: #1b1d1d;
}

#cap3 .character-box .text-box {
  padding: 2rem;
  z-index: 10;
}

#cap3 .character-box .text-box h3 span {
  font-size: 2rem;
  color: #D91222;
}

#cap3 .character-box .text-box hr {
  background: rgba(118, 134, 135, 0.3);
}

@media (max-width: 575.98px) {
  #cap3 .character-box .text-box .display-4 {
    font-size: 3rem;
    line-height: .8;
  }
}

#cap3 .character-box .img-box {
  overflow: hidden;
  padding: 0px;
}

#cap3 .character-box .img-box .overlay-left {
  position: absolute;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1d1d+1,1b1d1d+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#1b1d1d), color-stop(1%, rgba(27, 29, 29, 0.99)), to(rgba(27, 29, 29, 0)));
  background: linear-gradient(to right, #1b1d1d 0%, rgba(27, 29, 29, 0.99) 1%, rgba(27, 29, 29, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1d1d', endColorstr='#001b1d1d',GradientType=1 );
  /* IE6-9 */
  z-index: 5;
}

@media (max-width: 575.98px) {
  #cap3 .character-box .img-box .overlay-left {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1d1d+0,1b1d1d+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 29, 29, 0)), to(#1b1d1d));
    background: linear-gradient(to bottom, rgba(27, 29, 29, 0) 0%, #1b1d1d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1d1d', endColorstr='#1b1d1d',GradientType=0 );
    /* IE6-9 */
  }
}

#cap3 .character-box .img-box .overlay-right {
  position: absolute;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1d1d+1,1b1d1d+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, from(#1b1d1d), color-stop(1%, rgba(27, 29, 29, 0.99)), to(rgba(27, 29, 29, 0)));
  background: linear-gradient(to left, #1b1d1d 0%, rgba(27, 29, 29, 0.99) 1%, rgba(27, 29, 29, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1d1d', endColorstr='#001b1d1d',GradientType=1 );
  /* IE6-9 */
  z-index: 5;
}

@media (max-width: 575.98px) {
  #cap3 .character-box .img-box .overlay-right {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1d1d+0,1b1d1d+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 29, 29, 0)), to(#1b1d1d));
    background: linear-gradient(to bottom, rgba(27, 29, 29, 0) 0%, #1b1d1d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1d1d', endColorstr='#1b1d1d',GradientType=0 );
    /* IE6-9 */
  }
}

#cap3 .character-box .img-box .img-right, #cap3 .character-box .img-box .img-left {
  height: 100%;
  z-index: 3;
}

#cap3 .character-box .img-box .img-left {
  float: left;
}

#cap3 .character-box .img-box .img-right {
  float: right;
}

#cap4 {
  background-image: url(../images/concrete_wall_2.png);
}

#cap6 {
  background-image: url(../images/bg-cap6.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}

#cap6 .info {
  margin-top: 25rem;
}

#cap6 .info p {
  color: white;
}

@media (max-width: 575.98px) {
  #cap6 .info {
    margin-top: 5rem;
  }
}

@media (max-width: 575.98px) {
  #cap6 {
    background-image: url(../images/bg-cap6-mobile.jpg);
  }
}

#cap6 .accordion-cap6 .card {
  background: none;
  border-radius: 0px;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

#cap6 .accordion-cap6 .card .card-header h5 .btn {
  color: #cfdedf;
  font-size: 2.8rem;
  letter-spacing: -.01rem;
  width: 100%;
  text-align: left;
  cursor: pointer;
  white-space: normal;
}

#cap6 .accordion-cap6 .card .card-header h5 .btn:hover, #cap6 .accordion-cap6 .card .card-header h5 .btn:focus, #cap6 .accordion-cap6 .card .card-header h5 .btn:visited {
  text-decoration: none;
}

#cap6 .accordion-cap6 .card .card-header h5 .btn.btn:after {
  content: "-";
  float: right;
}

#cap6 .accordion-cap6 .card .card-header h5 .btn.collapsed:after {
  content: "+";
}

#cap6 .accordion-cap6 .card .card-header h5 .btn span {
  color: black;
  font-size: 3.5rem;
}

@media (max-width: 575.98px) {
  #cap6 .accordion-cap6 .card .card-header h5 .btn {
    font-size: 2rem;
    line-height: 2rem;
    padding-top: 1rem;
  }
  #cap6 .accordion-cap6 .card .card-header h5 .btn span {
    font-size: 2rem;
  }
}

@media (max-width: 575.98px) {
  #cap6 .accordion-cap6 .card .card-header {
    padding: 1rem 0rem;
  }
}

#cap6 .accordion-cap6 .card .card-body {
  color: #cfdedf;
}

.modal .modal-content {
  background: black;
}

.modal .modal-content .modal-body button span {
  color: white;
  text-shadow: none;
}

.modal .modal-content .modal-body button:focus {
  outline: none;
}

.thumb-video {
  position: relative;
}

.thumb-video .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.thumb-video .play-button a svg {
  width: 150px;
}

.thumb-video .play-button a svg path {
  fill: black;
}

@media (max-width: 575.98px) {
  .thumb-video .play-button a svg {
    width: 60px;
  }
}

#box-video-mask, #box-video-fans {
  width: 100%;
  background: black;
}

.ocultar {
  display: none;
}

.mostrar {
  display: block;
}

.card-columns .card {
  background: rgba(0, 0, 0, 0.1);
  color: #cfdedf;
  border-radius: 0rem;
  border-color: transparent;
}

.card-columns .card .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  font-family: "Teko", sans-serif;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.card-columns .card .card-header span {
  color: black;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-columns {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

footer a {
  color: #cfdedf;
}

footer a:hover {
  color: #D91222;
  text-decoration: none;
}

footer .creditos, footer .dir {
  font-size: 1rem;
}

footer .creditos .logo-footer, footer .dir .logo-footer {
  width: 200px;
}

.social-icon {
  width: 23px;
  height: 17px;
}

.social-icon path {
  fill: white !important;
}
/*# sourceMappingURL=styles.css.map */