@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@300;400;500&display=swap');
@font-face {
  font-family: 'TradeGothicLTStd-BoldExt';
  src: url('../webfonts/TradeGothicLTStd-BoldExt.eot');
  src: url('../webfonts/TradeGothicLTStd-BoldExt.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/TradeGothicLTStd-BoldExt.svg#TradeGothicLTStd-BoldExt') format('svg'),
       url('../webfonts/TradeGothicLTStd-BoldExt.ttf') format('truetype'),
       url('../webfonts/TradeGothicLTStd-BoldExt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
   

body {font-family: 'Yantramanav', sans-serif !important;}

/* HEADER */

.fixed-top.scrolled {background-color: #212121; transition: height .600s ease; height: 50px !important;}
header {height: 45px;}

#navbar_top {z-index: 333333333; height: 140px; width: 100%;}

a.nav-link.zona {
    margin-right: 30px;
}

.nav-link i {
    font-size: 19px;
}

.tyc {text-decoration: underline; font-size: 14px; color: #212529}

a.nav-link:hover {
    color: #00E0D7 !important;
    transition: 1s;
}

.navbar-nav .nav-link {
    font-size: 14px;
    color: #FFFFFF !important;
	font-weight: 500;
}
.nav-link.btn-verde {
    color: #000000 !important;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
}
.nav-link.btn-verde:hover {color: #FFFFFF !important}
a.navbar-brand img {width: 70%;}

nav.navbar {padding: 30px 0px !important;}


  .bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
  }
  
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
/* FONTS */
h1 {
    text-transform: uppercase;
    font-weight: 400 !important;
	font-family: 'TradeGothicLTStd-BoldExt' !important;
	font-size: 36px !important;
    line-height: 43px !important;
}

h2 {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-family: 'TradeGothicLTStd-BoldExt' !important;
    font-size: 30px !important;
    line-height: 37px !important;
}

h3 {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-family: 'TradeGothicLTStd-BoldExt' !important;
    font-size: 30px !important;
    line-height: 37px !important;
    /* color: #FFF; */
}

h4 {
    color: #00E0D7;
    font-size: 21px !important;
    font-weight: 500 !important;
}

.btn.btn-primary {
    background-color: #49E9E3; border-radius: 30px;
    border: #49E9E3;
    color: #2e3235;
}

.w300 {font-weight: 300;}
.w400 {font-weight: 400 !important;}


.btn.btn-secondary {border-radius: 30px; background-color: #E6E6E6; border: #E6E6E6; color: #212529;}

.btn.btn-primary:hover {
    background-color: #212529;
    border: #212529;
    color: #FFFFFF;
}

.grey {color: #6F7070 !important;}
.bg-green {background-color: #DDFBFA;}
.clickable:hover
{
    cursor: pointer;
}

p {margin-bottom: 10px;}
.font19 {font-size: 19px; line-height: 27px}
.font21 {font-size: 21px;}
.font14 {font-size: 14px; line-height: 22px}
.font13 {font-size: 13px !important;}

/* FOOTER */ 

footer {padding-bottom: 4%; background-color: #FFFFFF; position: relative; padding-top: 5%;}

footer h5 {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-family: 'TradeGothicLTStd-BoldExt' !important;
    font-size: 30px !important;
    line-height: 37px !important;
}
hr {
    border-top: 1px solid #707070 !important;
    margin-top: 6% !important;
}
footer img {
    width: 48%;
}

footer .btn-verde {
    width: 40%;
    color: #FFFFFF;
    margin-right: 4%;
}

footer .btn-iniciar {
    width: 40%;
    border: 1px solid #00E0D7;
}

footer .btn-verde.wp {
    width: 60%;
}

.redes p {
    display: inline-block;
}

.redes ul {
    display: inline-block;
    padding-left: 11px;
    width: 30%;
}

.redes ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5%;
}

.redes ul li i {
    color: #00E0D7; font-size: 19px;
}


/* MARGENES */

.mb-10 {
    margin-bottom: 7%;
}

.mt-110 {
    margin-top: -47px;
}

.mt-10 {margin-top: 10%}

/* COLORES */

.white {color: #FFFFFF}
.verde {color: #00E0D7}
.bg-white {background-color: #FFFFFF}
.bg-black {background-color: #1D1D1D}
.black {
    color: #000000 !important;
}
.carousel-caption a:hover {
    color: #00e0d7;
}
/* OTROS */
a .btn-iniciar:hover {transform: scale(1.1);}
a .btn-verde:hover {transform: scale(1.1);}
::-moz-selection { color: #FFFFFF;  background: #00E0D7; }
::selection      { color: #FFFFFF;  background: #00E0D7; } 
.hv100 {height: 100vh;}
.font500 {font-weight: 500}
.font600 {font-weight: 600 !important}
.index-9 {z-index:99999999}
.form-control:focus {
    box-shadow: none !important;
    outline: 0 !important;
    border-color: initial !important;
}
.navbar-light .navbar-toggler {
    border-color: transparent !important;
    background: transparent !important;
}
.navbar-toggler:focus {
    outline: 0 !important;
}

.scrolled .navbar-brand img {
    width: 51%;
}

.navbar-toggler-icon {
    width: 1em !important;
    height: 1em !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../img/menu_drop.png) !important;
}

@media (max-width: 1200px) {
h2 {font-size: 28px !important; line-height: 32px !important;}
}

@media (max-width: 990px) {
.correa img {width: 43%;}
#navbar_top {height: 70px;}	
.icon-ec {padding: 20px 8% !important;}
footer .btn-verde {width: 40% !important;}
footer .btn-iniciar { width: 44% !important; }
footer .btn-verde.wp {width: 86% !important;}
footer p {font-size: 14px;}
footer img {width: 68%;}
nav.navbar {padding: 0px !important;}
.btn-verde.wp {width: 23% !important;}
.redes ul {padding-left: 0; width: 80%;}
.btn-verde {width: 21% !important;}
.btn-iniciar {width: 23% !important;}
.navbar-light .navbar-toggler {background-color: #ffffff; padding: 1px 5px;}
.navbar-collapse {background-color: #212121; padding: 0 20px;}

}

@media (max-width: 786px) {
.text-right.correa {text-align: left !important; margin-top: 7%;}
footer .btn-iniciar {width: 50% !important; font-size: 13px; padding: 3px;}
footer .btn-verde {width: 46% !important; padding: 3px; font-size: 13px; margin-right: 1%;}
h1 {font-size: 28px !important; line-height: 37px !important;}
.nosotras .p-0 {padding: 15px!important;}
.nosotras .frase {padding: 0px!important;}
}

@media (max-width: 600px) {
.br-hide {display: none}
.bg-artistas {padding: 20px;}
.bg-productora {padding: 20px;}
.nosotras .txt-nosotras {padding: 15% 11%;}
.nosotras .iconos-elec {padding: 15% 11%;}
.mt-110 {margin-top: 0;}
header {height: auto;}
footer .btn-verde {width: 50% !important;}
.btn-verde {width: 45% !important; font-size: 15px !important}
.btn-iniciar {width: 45% !important; font-size: 15px !important}
.btn-verde.wp {width: 60% !important; font-size: 15px !important}
h3 {font-size: 24px !important; line-height: 32px !important;}
footer img {width: 33%; margin-bottom: 8%;}
footer p {font-size: 16px;}
footer {text-align: center;}
footer .btn-verde {padding: 5px} 
footer .btn-verde.wp {width: 50% !important; padding: 5px}
footer .btn-iniciar {padding: 5px; margin: 10px auto; margin-bottom: 25px; display: block}
footer h5 {font-size: 22px !important; line-height: 27px !important;}
a.navbar-brand img {width: 70%; padding-left: 20px;}
a.navbar-brand {width: 76%;}
.navbar-light .navbar-toggler {margin-right: 3%;}
a.nav-link.zona {margin-right: 0;}
h1 {font-size: 24px !important; line-height: 30px !important;}
.carousel-caption {top: 12% !important; right: 9% !important; left: 9% !important;}
#navbar_top {height: auto !important; background-color: #212121; padding: 10px 0 !important;}
section.bg-black {padding-top: 12% !important; padding-bottom: 15% !important;}	
footer {padding-bottom: 10%; padding-top: 20%;}
.carousel-caption .border-right {
    border: 0 !important;
}
}

@media (max-width: 486px) {
.icon-ec {padding: 0 !important;}
.correa img {width: 100%;}
}