/*------------------------------------------------------------------
[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;
}
:root {
  --primary: #3b83ff;
  --dark: #181818;
  --pure: #fff;
  --smoke: rgb(230, 229, 229);
  --dark-gray: #444444;
}

img {
  max-width: 100%;
}

.content-section {
  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 {
  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;
  padding: 20px;
}
.info .logito {
  width: 400px;
  margin-top: -50rem;
}

/*---------------------  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;
}


/*---------------------
  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) {
  .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%;
  }
}

/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .info .logito {
    width: 400px;
    margin-top: -35rem;
  }
  .header {
    margin: 0;
  }
  .servicio-cont {
    position: center;
    padding: 0 10px 0;
  }

  .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 .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%;
  }
}

#st_e104b728da824264823ce3b7d1ab5612{
  margin-top: -210px;
}
#video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

#video-container video,
.video-overlay {
  background-color: #111baa87;
  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: 600;
  text-align: center;
  display: inline-table;
  margin-top: -150px;
}

#video-container .video-content .inner em {
  font-style: normal;
  font-weight: 700;
}

#video-container .video-content .inner p {
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 1.5px;
  text-align: center;
}

#video-container .video-content .inner .icons {
  padding-bottom: 5px;
  font-size: 18px;
  color: #ffffff;
  height: 50px;
  width: 50px;
  background: #000000;
  border-radius: 50%;
  line-height: 50px;
  align-items: center;
  justify-content: center;
  display: block;
  margin-left: 50px;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.3s ease all;

  position: relative;
  overflow: hidden;
}
#video-container .video-content .inner .icons a {
  text-align: center;
  color: rgb(255, 255, 255);
}

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

  .info {
    margin-top: -91px;
  }
}
#home  {
  background-color: #000076;
}

nav {
  color: #ffffff;
  background-color: #000076;
}

.nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand {
  display: flex;
  align-items: center;
}


.nav-wrapper ul.nav-list {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.nav-wrapper ul.nav-list li {
  margin-left: 30px;
  padding: 20px 0;
  position: relative;
}

.nav-wrapper ul.nav-list li a {
  color: var(--pure);
  text-decoration: none;
  letter-spacing: 1px;
  transition: all .5s ease-in-out;
}

.nav-wrapper ul.nav-list li a:hover, .nav-wrapper ul.nav-list li.active a {
  color: var(--primary);
}

.btn {
  background: var(--primary);
  color: var(--pure);
  outline: none;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 1px;
  border: 1px solid transparent;
  transition: all .5s ease-in-out;
}

.btn:hover {
  background: transparent;
  border-color: var(--pure);
  color: var(--pure);
}

nav ul.dropdown-list {
  list-style-type: none;
  display: block;
  background: #010b3c;
  padding: 6px 16px;
  position: absolute;
  width: max-content;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}

.nav-wrapper ul.dropdown-list li {
  margin-left: 0;
  padding: 5px 0;
  
}
.nav-wrapper ul.dropdown-list li:hover {
font-weight: 600;
}

.nav-wrapper ul.dropdown-list  li a {
  color: var(--pure);
} 

.nav-wrapper ul.nav-list li:hover .dropdown-list {
  opacity: 1;
  pointer-events: auto;
  animation: moveUp .5s ease-in-out forwards;
}

@keyframes moveUp {
  0% {
      opacity: 0;
      transform: translateX(-50%) translateY(50px);
  }
  100% {
      opacity: 1;
      transform: translateX(-50%) translateY(20px); 
  }
}

.hamburger {
  display: none;
}

.mobile .hamburger {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  cursor: pointer;
}

.mobile .hamburger span {
  background: var(--pure);
  width: 28px;
  height: 2px;
  margin-bottom: 8px;
}

.mobile ul.nav-list {
  background: -webkit-linear-gradient(45deg, #434343, #000000);
  background: linear-gradient(45deg, #434343, #000000);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.hamburger, .brand {
  z-index: 9999;
}

.mobile ul.nav-list.open {
  opacity: 1;
  pointer-events: auto;  
}

.mobile .hamburger span {
  transform-origin: left;
  transition: all .3s ease-in-out;
}

.mobile ul.nav-list li a {
  font-size: 20px;
}

.mobile ul.dropdown-list {
  position: relative;
  background: transparent;
  text-align: center;
  height: 0;
  overflow-y: hidden;
  transition: opacity 1s ease-in-out;
  padding-top: 0;
}

.mobile .nav-wrapper ul li:hover .dropdown-list {
  height: max-content;
  padding-top: 6px;
}

.mobile ul.nav-list li {
  margin-left: 0;
  text-align: center;
}

.mobile .nav-wrapper ul.dropdown-list li a {
  color: #aeaeae;
}


#Blog-sygnus .heading h2{
	color: #f48840;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 0.25px;
}
/* Banner Style */
.main-banner .container-fluid {
	padding: 0px 10px;
	margin-bottom: -24px;
}
.owl-banner {
	padding-top: 110px;
}

.owl-banner .item {
	position: relative;
}

.owl-banner .item .item-content {
	position: absolute;
	bottom: 40px;
	left: 40px;
}

.owl-banner .item .item-content .meta-category span {
	color: #f48840;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 0.25px;
}

.owl-banner .item .item-content h4 {
	font-size: 24px;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin: 10px 0px 12px 0px;
}

.owl-banner .item .item-content ul li {
	display: inline-block;
	margin-right: 8px;
}

.owl-banner .item .item-content ul li:after {
	content: '|';
	color: #fff;
	margin-left: 8px;
}

.owl-banner .item .item-content ul li:last-child::after {
	display: none;
}

.owl-banner .item .item-content ul li a {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	transition: all .3s;
}

.owl-banner .item .item-content ul li a:hover {
	color: #f48840;
}

.owl-banner .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.owl-banner .owl-nav .owl-prev {
	position: absolute;
	left: 40px;
}

.owl-banner .owl-nav .owl-next {
	position: absolute;
	right: 40px;
}

.owl-banner .owl-nav button {
	outline: none;
}

.owl-banner .owl-nav button span {
	color: #fff;
	font-size: 36px;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	background-color: rgba(250,250,250,0.3);
}
/* Responsive Style */
@media (max-width: 1250px) {
	.owl-banner .owl-nav .owl-prev {
		left: 0px;
	}
	.owl-banner .owl-nav .owl-next {
		right: 0px;
	}
	.owl-banner .owl-nav button span {
		width: 35px;
	}
	.owl-banner .item .item-content .meta-category span {
		font-size: 16px;
	}
	.owl-banner .item .item-content h4 {
		font-size: 20px;
	}
}
@media (max-width: 768px) {
	.owl-banner .owl-nav {
		display: none;
	}
}

@media (max-width: 992px) {
	
	.owl-banner .item .item-content .meta-category span {
		font-size: 18px;
	}
	.owl-banner .item .item-content {
		text-align: center;
		width: 80%;
		left: 50%;
		top: 50%;
		bottom: auto;
		transform: translate(-50%,-50%);
	}
	.owl-banner .item .item-content h4 {
		font-size: 24px;
	}
}