@font-face
{
	font-family: 'HelveticaNeueRegular';
	src: url('../fonts/HelveticaNeue.eot');
	src: local('HelveticaNeue'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype');
}

@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('../fonts/HelveticaNeue-Bold.eot') format('eot'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
	font-weight:900;
}

@font-face
{
	font-family: 'HelveticaNeueCondensedBold';
	src: url('../fonts/HelveticaNeue-CondensedBold.eot');
	src: local('HelveticaNeue-CondensedBold'), local('HelveticaNeue-CondensedBold'), url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff'), url('../fonts/HelveticaNeue-CondensedBold.ttf') format('truetype');
}


*,body{
font-family: "HelveticaNeueRegular";
}

img{
border:0;
}

#MenuNavegacion{
margin-top:2em;
}

#MenuNavegacion ul{
margin:0 auto;
}

#MenuNavegacion ul>li{
margin-right:2em;
}

#MenuNavegacion ul>li>a{
text-transform:uppercase;
color:#fff;
text-decoration:none;
position:relative;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
}

.carousel-control-prev,
.carousel-control-next{
width:2.5em;
opacity:1;
bottom:initial;
top:50%;
transform:translateY(-50%);
height:5em;
background-color:rgba(85,85,85,0.4);
}

.carousel-control-prev-icon {
background-image:url(../img/chevron-left.svg);
background-size:2em 4em!important;
}

.carousel-control-next-icon {
background-image:url(../img/chevron-right.svg);
background-size:2em 4em!important;
}

#MenuNavegacion ul>li>a:hover{
color:#1d1d1d;
}

#MenuNavegacion ul>li>a.activo::after{
content:" ";
position:absolute;
left:0.5em;
bottom:-1.45em;
width:100%;
border-bottom:5px solid #fe0000;
}

.menufondo{
background:rgb(29,29,29);
background:linear-gradient(180deg, rgba(29,29,29,1) 0%, rgba(29,29,29,0.9) 23%, rgba(29,29,29,0.85) 44%, rgba(64,64,64,0.8) 62%, rgba(64,64,64,0.75) 82%, rgba(75,75,75,0.9) 100%);
position:sticky;
top:0;
z-index:2;
}

.artbook{
    position: relative;
    padding:8rem 3rem;
    background-color:#ececec;
}

.artbook .laspicts img{
width:100%;
}

.artbook .texto{
    padding: 2rem 2rem;
}

.artbook .feel{
    font-size: 2rem;
    line-height: 3rem;
}
.artbook .precio{
    font-size: 5rem;
    line-height: 3.5rem;
}
.artbook a{
    color:#299df8;
    text-decoration: underline;
    font-size: 1.5rem;
    font-family:"HelveticaNeueBold";
}

.artbook a:hover{
    color:#185b90;
}

.video{
    background-color: #f5f5f5;
    padding: 0;
}

.video>a{
text-decoration:none;
position:relative;
height:100%;
width:100%;
}

.video>a::after{
content:" ";
background:url(../img/play_circle_outline.svg) center center no-repeat;
background-size:100%;
width:2.5em;
height:2.5em;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}

.txtvideo{
    background-color: #f5f5f5;
    padding: 8rem 5rem;
}

.videopop{
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
background-color:rgba(0,0,0,0.75);
z-index:9999;
}

.videopop a{
position:relative;
width:2em;
height:2em;
display:block;
float:right;
position:relative;
margin-right:2em;
margin-top:1em;
}

.videopop a:after{
content:" ";
background:url(../img/ico-close.svg) center center no-repeat;
background-size:100%;
width:3em;
height:3em;
display:block;
}

.videopop .video-responsive{
text-align:center;
position:absolute;
transform:translate(-50%,-50%);
top:50%;
left:50%;
display:block;
}

.partners{
    position: relative;
    padding:8rem 3rem;
}

.oneeliteformula{
    background-image: url(../img/Parthner_1-min.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 25rem;
    padding-bottom: 2rem;
    color:#fff;
    background-size: auto;
}

.whoworksf1{
    background-image: url(../img/Parthner_2-min.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 25rem;
    padding-bottom: 2rem;
    color:#fff;
    background-size: auto;
}

.graining{
    background-image: url(../img/Parthner_3-min.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 25rem;
    padding-bottom: 2rem;
    color:#fff;
    background-size: auto;
}

.graining>a,
.whoworksf1>a,
.oneeliteformula>a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

.boton{
    background-color: #f80805;
    border-color: #f80805;
    border-radius: 0;
    width: 6rem;
}

.boton:hover{
    background-color: #b30402;
    border-color: #b30402;
}

h1{
    font-weight: 700;
}

footer{
position:relative;
}

.pie{
    background-color: #454545;
    color:#979797;
    font-size: 1em;
    text-align: center;
    padding: 2rem 2rem;
}

.parriba{
position:absolute;
bottom:2em;
right:2em;
width:2em;
height:2em;
background:url(../img/chevron-up.svg) center center no-repeat;
background-color:#f80805;
}

.logo{
    max-width: 60%;
}

.logo img {
width: 100% \9; /*Force IE10 and below to size SVG images correctly*/
max-width: 100%;
}

@media (max-width:480px) {
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70% !important;
}

.navbar-toggler-icon{
	background:url(../img/menu.svg) center center no-repeat;
}

.navbar-toggler-icon.on{
	background:url(../img/close.svg) center center no-repeat;
}


egacion{
display:block;
background-color:rgba(0,0,0,0.6);
padding:1em;
display:none;
}

#MenuNavegacion .navbar-nav.ml-auto{
display:initial;
}

#MenuNavegacion .navbar-nav.ml-auto a{
display:block!important;
width:3.5em!important;
margin-right:0;
padding-right:0;
float:left;
}

#MenuNavegacion ul > li > a.activo::after{
content:"";
border:0;
}

/*menu ppal*/

.menufondo{
    background-image: url(../img/bg_header.jpg);
    height: 100%;
}

.menulink{
    color:#fff !important;
}

.menulink:hover{
    color:#979797 !important;
}

.opciones{
    padding-left:
}

.imgredes {
    width: 33px;
    height: 31px;
}
