/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Services Section
6.  Track Section
7.  Countdown Section
8.  Team Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  margin: 0;
}

img {
  max-width: 100%;
}

.content-section, .content-section-somos {
  display: inline-block;

  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Slider Style */

.content-section, .content-section-somos {
  padding-top: 0px;
  min-width: 100%;
  min-height: 90vh;
  width: 100%;
  height: 100vh;
  text-align: center;
  align-content: space-between;
}
.info {
  width: 100%;
  display: block;
  position: center;
}

/*---------------------  Helper CSS -----------------------*/

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */

.primary-btn {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  padding: 14px 25px 12px;
  color: #ffffff;
  background: #000000a7;
  letter-spacing: 2px;
}
.primary-btn a {
  color: #fff;
}

.primary-btn.border-btn {
  background: transparent;
  border: 2px solid #eeff00e2;
  color: #ffffff;
}

/* Preloder */

#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

/*single-package-item */

/*---------------------
  Header
-----------------------*/

.header {
  position: fixed;
  margin-top: 90px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  transition: 0.7s;
  padding: 10px 20px;
  z-index: 10;
  margin: 0;
}

.header.header--normal {
  position: relative;
  background: #290849;
}

.header__logo {
  padding: 20px 0 25px;
}

.header__logo a {
  display: inline-block;
}

.header__nav {
  text-align: right;
  text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.62);
}

.header__menu {
  padding: 31px 0 27px;
  display: inline-block;
  margin-right: 45px;
}

.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 45px;
  position: relative;
}

.header__menu ul li.active a:after {
  opacity: 1;
}

.header__menu ul li:hover a:after {
  opacity: 1;
}

.header__menu ul li:hover .dropdown {
  top: 34px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li:last-child {
  margin-right: 0;
}

.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 56px;
  width: 150px;
  background: #111111;
  text-align: left;
  padding: 2px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}

.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  padding: 8px 20px;
  text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
  display: none;
}

.header__menu ul li a {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  padding: 6px 0;
  position: relative;
}

.header__menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  opacity: 0;
}

.header__right__social {
  display: inline-block;
}

.header__right__social a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  margin-right: 16px;
}

.header__right__social a:last-child {
  margin-right: 0;
}

.slicknav_menu {
  display: none;
}
.padding{
  padding: 0 35%;
}
/*---------------------
  Countdown
-----------------------*/

.countdown {
  padding-bottom: 560px;
  align-content: center;
  background-size: cover;
  background-attachment: fixed;
  position: 100%;
}

.countdown.countdown--page {
  padding-top: 150px;
  padding-bottom: 150px;
}

.countdown__text {
  text-align: center;
  margin-bottom: 36px;
}

.countdown__text h1 {
  font-size: 90px;
  font-weight: 600;
  color: #ffffffe7;
  margin-bottom: 25px;
  padding: 40px;
}

.countdown__text h4 {
  font-size: 26px;
  font-family: "Now Regular";
  color: #ffffffe7;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.countdown__text p {
  color: #ffffffe7;
}
/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 18px;
  }

  .header__menu {
    margin-right: 30px;
  }

  .service__item {
    padding: 40px 30px 30px 40px;
  }

  .skills__content {
    padding: 60px 40px 40px;
  }

  .discography__item__text a {
    margin-right: 0;
    text-align: center;
    margin-bottom: 10px;
  }
 
}

/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-brand {
    display: none;
  }
  .header__right__social {
    display: none;
  }

  .footer {
    height: auto;
  }

  .footer__social::before {
    display: none;
  }

  .footer__social::after {
    display: none;
  }

  .tours__item__pic {
    margin-bottom: 50px;
  }

  .tours__item__text {
    padding-right: 0;
  }

  .countdown {
    padding-bottom: 576px;
  }

  .footer {
    margin-top: -740px;
    background-position: top 0 left 19%;
  }
  .content-section, .content-section-somos{
    padding: 0px;
    min-height: 110vh;
  }
  .video-content .imagen-mobil img{
    display: none;
    }
}

/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .content-section {
    padding-top: 0px;
    min-height: 120vh;
  } 
  .content-section-somos{
    min-height: 190vh;
  }
  .info .logito {
    width: 200px;
    margin-top: -5rem;
  }
  .navbar-brand {
    display: none;
  }
  .header {
    margin: 0;
  }
  .servicio-cont {
    position: center;
  }
  
  #video-container .servicio-cont .txt{
    padding: 0 17px;
  }

  .footer {
    height: auto;
  }

  .footer__social::before {
    display: none;
  }

  .footer__social::after {
    display: none;
  }

  .countdown__item {
    margin-right: 0;
    margin-bottom: 30px;
    width: 50%;
    float: left;
  }

  .footer__social {
    text-align: left;
  }

  .blog__details__form form .input__list,
  .contact__form form .input__list {
    margin-right: 0;
    overflow: visible;
  }

  .blog__details__form form .input__list input,
  .contact__form form .input__list input {
    width: 100%;
    margin-right: 0;
  }

  .header__nav {
    display: none;
  }

  .header .container {
    position: relative;
  }

  .countdown {
    padding-bottom: 940px;
  }

  .footer {
    margin-top: -940px;
    background-position: top 0 left 19%;
  }
}

/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .section-title h1 {
    top: -40px;
    font-size: 79px;
    line-height: 0.8;
  }

  .hero__text h1 {
    font-size: 70px;
  }

  .videos {
    padding-bottom: 0;
  }

  .countdown__text h1 {
    font-size: 50px;
  }

  .single_player_container h4 {
    font-size: 16px;
  }

  .player_bars {
    width: 150px;
    margin-right: 10px;
  }

  .player_controls_box {
    margin-right: 10px;
  }

  .jp-volume-controls {
    width: 68px;
    padding-left: 23px;
  }

  .jp-volume-bar {
    width: 42px;
  }

  .jp-seek-bar > div {
    width: 55px;
  }

  .service__item {
    height: auto;
    padding: 40px 40px 40px 40px;
  }

  .skills__content {
    height: auto;
    padding: 80px 25px 40px;
  }

  .tours__item__text .tours__text__widget ul {
    float: none;
    margin-bottom: 30px;
  }

  .tours__item__text .tours__text__widget .price {
    float: none;
  }

  .tours__item__pic {
    padding-left: 0;
  }

  .tours__item__text.tours__item__text--right {
    padding-left: 0;
  }

  .blog__large__text {
    padding: 30px 20px 0;
  }

  .blog__large__widget {
    margin: 0;
  }

  .blog__details__tags a {
    margin-bottom: 10px;
  }

  .countdown {
    padding-bottom: 980px;
  }

  .footer {
    margin-top: -970px;
    background-position: top 0 left 19%;
  }
}

#video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

#video-container video,
.video-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

#video-container .video-overlay {
  z-index: 9999;

  width: 100%;
}

#video-container .video-content {
  z-index: 99999;
  position: absolute;
  height: 100%;
  width: 100%;
}

#video-container .video-content .inner {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  text-align: center;
}

#video-container .video-content .inner h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
  text-align: center;
  display: inline-table;
  padding: 20px 30px 0px;
}

#video-container .video-content .inner em {
  font-style: normal;
  font-weight: 800;
  color: #e0e01e;
}
.sercivio-ind .entry-content-left{
  position: relative;
  top: 50px;
  left: 50px;
}
#video-container .video-content .inner p {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5;
  text-align: center;
}
#video-container .entry-content h3{
  font-size: 22px;
  text-transform: uppercase;
  line-height: 2;
}
.content-section-somos .entry-content p{
  line-height: 1.5;
}

#video-container .video-content .servicio-ind .btn-video{
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 0px;
  border: 1px solid #6e6d6c;
  border-radius: 4px;
  margin-top: 40px;
}
#video-container .btn-submit{
  color: #000;
  background-color: #e0e01e;
}
#video-container .btn-submit:hover{
  color: #ffffff;
  border: 1px solid #6e6d6c;
  background-color: #e0e01e22;
}

@media screen and (max-width: 900px) {
  /* servicios */

  .info {
    margin-top: 20px;
  }
}