/*========================================
=             APP CUSTOM                 =
========================================*/
/*======= GENERAL SETTINGS =======*/
* {
  margin: 0;
  padding: 0; }

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif !important;
  letter-spacing: -0.25px; }

img {
  width: 100%; }

@media screen and (min-width: 0\0) {
  html, body {
    font-weight: 500 !important;
    font-family: Helvetica, Arial, sans-serif !important; }

  /* Tus estilos CSS para IE9, IE10, IE11  */ }
@media only screen and (min-width: 768px) {
  .container-sm {
    width: 748px;
    padding-left: 14px;
    padding-right: 14px;
    margin: 0 auto; } }
@media only screen and (max-width: 480px) {
  .container-xs, .container-sm, .container-md {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    margin: 0 auto; } }
@font-face {
  font-family: "Heavitas";
  src: url("../assets/tipografia/Heavitas_0.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Rolade-Italic-Light";
  src: url(../assets/tipografia/Akufadhl-Rolade-Italic-Light.otf);
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Aquawax-Light";
  src: url(../assets/tipografia/Aquawax-Light-Trial.ttf);
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "bernadette";
  src: url(../assets/tipografia/bernadette.ttf);
  font-weight: normal;
  font-style: normal; }
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: 0 !important; }

/*========== VIDEO ==========*/
.videoWrapper {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 52.10%;
  padding-top: 30px;
  display: block; }

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

/*========== MIXIN ==========*/
/*========== COLOR AND BACKGROUND ==========*/
.c_white {
  color: #fff; }

.btn_orange {
  background-color: rgba(214, 132, 46, 0.75) !important; }

.btn_white {
  background-color: rgba(255, 255, 255, 0.3) !important; }

/*========== EXTRAS ==========*/
.mg-0 {
  margin: 0 !important; }

.pd-0 {
  padding: 0 !important; }

/*======= SCROLLBAR =======*/
::-webkit-scrollbar {
  width: 10px;
  background: #fff; }

::-webkit-scrollbar-track {
  background: #fff;
  border: thin solid #fff; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: #efefef;
  height: 120px; }

.video_int {
  max-width: 720px; }

/*========== MENU ==========*/
body.fixed {
  position: fixed !important; }

#nav {
  border: 0px;
  border-radius: 0px;
  border-right: 40px solid #fff;
  background-color: transparent;
  font-family: "Aquawax-Light";
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 10; }

#menu_mobil a {
  color: #fff;
  background-color: transparent;
  transition-property: color;
  transition: all 0.2s linear; }
  #menu_mobil a:hover {
    color: black; }

#menu_mobil .nav {
  margin-top: 20px; }

#menu_mobil .nav > li {
  margin: 0 15px 0 0;
  width: 90px; }

#menu_mobil .dropdown:before {
  background-color: #fff;
  border-radius: 20%;
  content: "";
  height: 36px;
  left: 3px;
  position: absolute;
  top: -22px;
  width: 2px;
  z-index: 10; }

#menu_mobil .dropdown:after {
  background-color: #fff;
  border-radius: 20%;
  content: "";
  height: 67px;
  position: absolute;
  right: 3px;
  top: -22px;
  width: 2px;
  z-index: 1000; }

#menu_mobil .dropdown-menu {
  background-color: transparent;
  border: 0px;
  box-shadow: 0px 0px;
  position: relative;
  min-width: 00; }

#menu_mobil .dropdown-menu > li > a {
  padding: 4px 15px; }

#navbar-changes {
  background-color: #fff;
  border-bottom: 5px solid #ff7dcb;
  border-radius: 0px;
  position: fixed;
  margin: 0;
  padding: 21px 0 4px;
  width: 100%;
  z-index: 100; }

/*======= ICONO X =======*/
#nav-toggle {
  border-radius: 0;
  background: rgba(14, 6, 2, 0.86);
  float: right;
  padding: 17.9px 16px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  border: 0px; }
  #nav-toggle .icon-bar {
    background-color: #fff;
    transition: all 0.2s;
    width: 22px; }
  #nav-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%; }
  #nav-toggle .middle-bar {
    opacity: 0; }
  #nav-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%; }
  #nav-toggle.collapsed .top-bar {
    transform: rotate(0); }
  #nav-toggle.collapsed .middle-bar {
    opacity: 1; }
  #nav-toggle.collapsed .bottom-bar {
    transform: rotate(0); }

/*========== RESPOSIVE MOBILE AND TABLET ==========*/
@media only screen and (max-width: 765px) and (min-width: 0) {
  #menu_mobil > ul {
    height: 100vh;
    background-attachment: fixed;
    background-color: rgba(14, 6, 2, 0.86);
    margin-top: 0 !important;
    top: 0; }

  #navbar-changes {
    border-bottom: 0px;
    border-radius: 0;
    padding: 15px 0 0px;
    position: fixed;
    transition: background 0.5s ease;
    width: 100%;
    z-index: 100; }

  #menu_mobil .nav > li {
    width: 100%;
    text-align: center; }

  #menu_mobil a {
    font-size: 25px;
    width: 100%;
    padding: 20px !important; }

  #menu_mobil .dropdown-menu > li > a {
    text-align: center;
    font-size: 15px;
    padding: 5px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.17); }

  #menu_mobil .dropdown:before, #menu_mobil .dropdown:after {
    content: "";
    display: none; } }
/*========== PORTADA HOME ==========*/
.wrap-portada {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  height: 100vh;
  width: 100%; }

.contenido_center {
  left: 50%;
  margin: 0px !important;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 49%;
  width: 85%; }

.contenido_center > h1 {
  font-family: "Heavitas";
  line-height: 0.9; }

.contenido_center > h1 > span {
  font-family: "Rolade-Italic-Light";
  font-size: 77px; }

.contenido_center > p {
  font-family: "Aquawax-Light";
  font-size: 15px; }

.contenido_center > h2 {
  font-family: "bernadette";
  font-size: 62px; }

.next_btn a {
  background-color: rgba(175, 113, 52, 0.75);
  color: #fff;
  display: inline-block;
  font-family: "Aquawax-Light";
  font-size: 15px;
  margin-top: 5px;
  padding: 7px 2.5%;
  transition: all 300ms linear; }
  .next_btn a:hover, .next_btn a:active, .next_btn afocus, .next_btn a:visited {
    background-color: #af7134;
    color: #fff;
    text-decoration: none; }

footer {
  bottom: 0;
  position: absolute;
  width: 100%; }
  footer h4 {
    font-family: "Heavitas"; }
  footer span {
    font-family: "bernadette"; }

.logo_footer {
  display: inline-block;
  margin: 13px 0 20px;
  width: 100%; }

.img_ft {
  display: inherit; }
  .img_ft img {
    float: left;
    width: 100px; }

/*========== RESPOSIVE MOBILE AND TABLET ==========*/
@media only screen and (max-width: 765px) and (min-width: 0) {
  .contenido_center > h1 {
    font-size: 22px !important; }

  .contenido_center > h1 > span {
    font-size: 26px !important; }

  .img_ft img {
    width: 75px !important; }

  .col_ct {
    float: none !important;
    text-align: center; }
    .col_ct .f1 {
      top: 0; }
    .col_ct .f2 {
      top: -10px; }

  #countdown li > span {
    font-size: 25px !important; }

  #countdown i {
    top: 22px !important; }

  #countdown p {
    top: -10px !important; }

  .contador_center > h1 {
    font-size: 15px !important; }

  .contador_center > h2 {
    font-size: 40px !important; } }
@media only screen and (max-width: 765px) and (min-width: 0) and (orientation: landscape) {
  .contenido_center {
    top: 35%; }

  .contador {
    margin-top: 7px !important; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .contenido_center {
    width: 95%; }

  .contenido_center > p {
    font-size: 20px; }

  .next_btn a {
    font-size: 20px; }

  #countdown li > span {
    font-size: 60px !important; }

  #countdown p {
    font-size: 22px !important; }

  .f1, .f2 {
    font-size: 22px !important; } }
/*========== CONTADOR ==========*/
#countdown {
  display: inline-block;
  list-style: none;
  padding: 0 15px; }

#countdown li {
  float: left;
  padding: 0 8px; }

#countdown li > span {
  font-family: "Heavitas";
  font-size: 45px;
  text-shadow: 0em 0em 0.4em rgba(255, 255, 255, 0.5); }

#countdown p {
  font-family: "Rolade-Italic-Light";
  font-size: 13px;
  position: relative;
  top: -16px;
  text-align: right; }

#countdown i {
  font-size: 6px;
  float: left;
  position: relative;
  top: 30px; }

.contador {
  display: inline-block;
  margin-top: 25px; }

.f1, .f2 {
  position: relative;
  top: 22px; }

.f1 {
  font-family: "Heavitas";
  font-size: 15px; }

.f2 {
  font-family: "Rolade-Italic-Light";
  font-size: 17px; }

.col_ct {
  float: left; }

/*# sourceMappingURL=main.css.map */