:root{
	--nav-bg-color:rgb(31, 31, 31);
	--nav-under:rgb(255,152,0);
	--nav-text-color:rgb(150, 150, 150);
	--nav-text-hover:rgb(255,255,255);
	--nav-hover-color:rgb(255,152,0);
	--nav-input-color:rgb(31, 31, 31);
	--nav-bounce-arrows:rgb(255,152,0);
	--nav-btn-hamb:rgb(255,152,0);
	/* color:rgb(175, 153, 121) */
}
.magazine-revista{
	width: 100%;
	text-align: center;
}
.bounce-menu-left {
	animation: bounce-menu-l 1s 2;
}
.bounce-menu-right {
	animation: bounce-menu-r 1s 2;
}

@keyframes bounce-menu-l {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-17px);
		text-shadow: 0px 0px 15px #493a3f;
	}
	60% {
		transform: translateX(-7px);
		text-shadow: 0px 0px 15px #493a3f;
	}
}
@keyframes bounce-menu-r {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(17px);
		text-shadow: 0px 0px 15px #493a3f;
	}
	60% {
		transform: translateX(7px);
		text-shadow: 0px 0px 15px #493a3f;
	}
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://mmedia.misrevistas.com/fonts/oswald.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face {
	font-family: 'MyriadPB';
	font-style: normal;
	font-weight: 400;
	src: local('Myriad Pro Bold'), local('Myriad-Pro-Bold'), url(https://mmedia.misrevistas.com/fonts/mpb.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}
.control-movil {
	position: fixed;
	bottom: 28%;
	height: 50px;
	width: 50px;
	background:rgba(171,171,171,0.8);
	z-index: 9
}
.cm-izq{
	left:-25px;
	border-radius:0 50% 50% 0;
}
.cm-izq a{
	padding: 10px;
	color: white;
	font-size: 42px;
	top: -9px;
	position: relative;
	left:15px
}
.cm-der{
	right: -25px;
	border-radius:50% 0 0 50%;
}
.cm-der a{
	padding: 10px;
	color: white;
	font-size: 42px;
	top: -9px;
	position: relative;
}
.btnHamb i {
		font-size: 36px;
		color:var(--nav-btn-hamb);
		padding: 0px 13px;
		text-shadow: 0px 0px 10px white;
}
.centrar a:hover{
	color:white;
}
.centrar a{
	color:white;
}
.nav-movil a img {
	max-width: 150px;
	width: 80%;
}
.nav-movil .navbar {
	border-top: 1px solid grey;
}
.centrar{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.ovr-ajuste{
	height: 80%;
    color:white;
}
.red-social{
	height: 120px;
	width: 120px;
	border-radius:50%;
	/*border:1px solid white;*/
}
.red-ajuste{
	position: relative;
    top: 20%;
    font-size: 70px;
    color: white;
    transition: 0.2s;
}
.red-ajuste:hover{
	text-shadow: 0px 0px 15px white;
	color: white;
	text-decoration: none;
}

@media (max-width: 500px){
	.red-social{
		height: 80px;
		width: 80px;
	}
	.red-ajuste{
		font-size: 50px;
	}
}
.ovr-sigue{
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.9);
	z-index: 99;
	position: fixed;
	top:0;
}
.cerrar-ovr {
	text-align: right;
	color: white;
	font-size: 32px;
	padding-right: 5%;
	top: 0px;
	position: relative;
	cursor: pointer;
}
.btnHamb{
/*	max-width: 40px;
	font-size: 24px;
	text-align: center;

	font-weight: 900;
	color: white !important;
	background: rgba(80,150,25,0.4);
	border-radius: 50%;

	display: inline-block;*/
    position: relative;
    left: 40%;
    padding-top: 2px !important;
}
.hamb{
	display: none;
	position: fixed;
    bottom: 55px;
    right: 5%;
    background: var(--nav-bg-color);
    opacity: 1;
    color: var(--nav-text-color);
    border: 1px solid #454545;
    z-index: 999;
    border-radius: 12px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.hamb ul{
	list-style-type: none;
	padding-left: 0;
	margin-bottom:0;
}
.hamb li{
	padding:10px;
	color:black;
}
.hamb li a{
	color:black;
	font-family: 'Oswald', sans-serif;
	color:var(--nav-text-color);
}
.icn-menu{
	/*width: 20%;*/
	height:100%;
	content:" ";
}
.derecha{
	position: fixed;
	right: 0;
}
.nav-desktop{
	display: none;
}
.navbar {
  overflow: hidden;
  /*background:linear-gradient(to bottom, transparent 0%,#f1f1f1 86%,#f6f6f6 100%);*/
  background: var(--nav-bg-color);
  position: fixed;
  bottom: 0;
  padding: 0;
  width: 100%;
  left:0;
  z-index: 999;
}
.navbar a {
  float: left;
  display: block;
  /*color: #2c3e50;*/
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 25px;
}
.navbar a.active {
  background-color: var(--nav-bg-color);
  color: var(--nav-text-color);
}
.hamb > li > form{
	border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--nav-text-color);
    position: relative;
    top: 10px;
}
.hamb input{
    color:var(--nav-input-color);
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    border-radius: 10px;
    border:1px solid var(--nav-text-color);
    width: 10em;
    text-indent: 5px;
}
.hamb input:focus{
	border-radius: 10px;
	border-color: var(--nav-text-color);
	outline-color: white;
	/*width: 4em;*/
}
.hamb input::placeholder{
	/* color: rgba(80,150,25,0.5); */
	color:lightgrey;
	opacity: 0.5;
	position: relative;
	/*left: 3px;*/
}
.hamb button {
	color: var(--nav-text-color);
}
.img-movil{
	max-width: 125px;
	width: 100%;
}
.footer{
	padding: 0 0 47px 0;
}
.foot-knoios{
	padding-left: 5px;
	margin: auto;
	line-height: 1.2;
}
.caret {
	font-size: 42px !important;
    padding-top: 0 !important;
	padding-bottom: 0 !important;
    color: var(--nav-bounce-arrows);
    line-height: 1.1;
    width: 100%;
}
.caret-aj{
	text-align: left !important;
    padding-left: 0 !important;
    width: 100%;
    text-indent: 8px;
}
				@media (min-width: 768px){
					.foot-knoios{
						padding-left: 15px;
					}
					.footer{
						padding: 0;
					}
					li a  {  
						padding: 3px; 
						border-radius: 1px; 
						color: var(--nav-text-color); 
						background-color: var(--nav-bg-color);
						-webkit-transition: all 0.25s ease; 
						-moz-transition: all 0.25s ease; 
						transition: all 0.25s ease;
						background-size: 100% 200%; 
						background-position: 0 -100%; 
						background-image: linear-gradient(to top, transparent 50%, var(--nav-hover-color) 50%);
					}
					li a:hover {
						color:var(--nav-text-hover);
						/* font-weight: bold;  */
						background-position: 0 0; 
					}
					.navbar-nav {
						flex-direction: unset;
					}
					.navbar a{
						text-shadow:unset;
						color: var(--nav-text-color);
						font-weight: unset;
						font-size: 14px;
						font-family: 'Open Sans', sans-serif;
						text-transform: uppercase;
						font-weight: 100;
					}
					.navbar-brand{
						object-fit: cover;
				    	padding: 0 0 0 0;
					}
					.navbar-brand img{
						max-width: 125px;
						width: 100%;
					}
					.nav-desktop{
						display: unset;
					}
					.nav-movil{
						display: none;
					}
					.navbar{
						top:0;
						bottom:unset;
						background: var(--nav-bg-color);
						border-bottom: 5px solid var(--nav-under);
						/*background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);*/
					}
					.navbar-nav > li > a{
						border-right: 1px solid rgba(0, 0, 0, 0.2);
					    border-left: 1px solid rgba(255, 255, 255, 0.1);
					}
					.navbar-nav > li > form{
						/* border-right: 1px solid rgba(0, 0, 0, 0.2);
					    border-left: 1px solid rgba(255, 255, 255, 0.1); */
					    color: var(--nav-text-color);
					    position: relative;
					    top: 10px;
					}
					.navbar-nav > li > form > input{
						color: var(--nav-input-color);
						font-size: 14px;
					    font-weight: 500;
					    font-family: 'MyriadPB', sans-serif;
					    border-radius: 10px;
					    border:1px solid var(--nav-text-color);
					    width: 5em;
					    text-indent: 5px;
					}
					.navbar-nav > li > form > input:focus{
						border-radius: 10px;
						border-color: var(--nav-text-color);
						animation-name:expBusq;
						animation-fill-mode: forwards;
						animation-duration: 0.3s;
						outline-color: transparent;
						box-shadow: 1px 1px 10px var(--nav-bg-color);
					}
					.navbar-nav > li > form > input:not(:focus){
						animation-name:ocuBusq;
						animation-fill-mode: forwards;
						animation-duration: 0.3s;
					}
					@keyframes ocuBusq {
						0%{width:9em;}
						100%{width: 5em;}
					}
					.navbar-nav > li > form > input::placeholder{
						color: lightgray;
						position: relative;
						font-size: 14px;
					}
					@keyframes expBusq {
						0%{width:5em;}
						100%{width: 9em;}
					}
					.navbar-nav > li > form > button {
						color: var(--nav-text-color);
						background-color: transparent;
					}
					.cerrar-ovr {
						top:55px;
					}

				}