@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body,
black {
/*
	background-size:100% auto;
	background-repeat:y-repeat;
	position: relative;
	background:#ffffff url(../imgs/layout/background.jpg) no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
	background-color: #e9e9e9;
}
.backgroundImage {
    Position:fixed;
    Top: 0;
    Bottom: 0;
    Width: 100vw;
    Height: 100vh;
    Opacity: 0.5;
    Z-index: -5000;
}
.backgroundImage img {
    width:100vw;
    height: 100vh;
}
/*
div.DivSepara {
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:12px;
	background:url(<?php echo $DIRPLUGIN ?>public/assets/img/votaciones/fondo_barra.jpg) left bottom repeat-x;
}
*/
div.transparent_class {
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
}
div.transparent_background_class {
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
}
/*
#PanelsOP .backtotop {
	background: transparent url(http://mrbmx/wp-content/plugins/wp-custom-register-login_mpm/public/assets/img/votaciones/bambu.png) repeat-x left bottom;
	border-bottom:none;
	height: 15px;
	margin-top: 25px;
}
*/
.all-sessions-block-new .session-item-new a:first-child span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat;
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	margin-left:6px;
	vertical-align:-4px;
	}

.all-sessions-block-new .session-item-new a:first-child:hover span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat 0 -23px;
	}
.all-sessions-block-new .session-item-new.active  a:first-child span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat  -23px 0;
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	margin-left:6px;
	vertical-align:-4px;
	}
.all-sessions-block-new .session-item-new.active a:first-child:hover span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat -23px -23px;
	}
	/*-------------------------------------------------------------------------*/


	*:not(.fa):not(.glyphicon):not(.countdown-amount):not(.countdown-period):not(.countdown-section) {
		font-family: Montserrat, Arial, Verdana, Tahoma, Roboto, 'Open Sans', sans-serif !important;
	}
	html, body {
		height:100%;
		min-height: 100%;
		margin:0;
		padding:0;
	}
	div { background:transparent; }
	a.linkFotoReg {
		text-decoration: none !important;
	}
	header, .header {
		display: none;
	}
	.page-section {
		padding: 0px !important;
	}
	.fondo-img {
		background: transparent !important;
	}
	.MarcoFotos2 {

		-webkit-box-shadow: 10px 10px 12px 0px rgb(0 0 0 / 50%);
		-moz-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.5);
		box-shadow: 10px 10px 12px 0px rgb(0 0 0 / 50%);

		margin: 0 auto;
		margin-bottom:40px;
		width:475px !important;
		height: 484px !important;
	}
	.FotoPerfilMain {
		 width: 225px;
		 height: 323px;
		 padding-left: 0;
		 padding-top: 0;
		 float: left;
		 left: 208px;
		 top: 15px;
		 position: relative;
	}
	.FotoPerfilMain img {
		width: 225px;
		height: 323px;
		border-radius: 25px;
	}
	.FotoPerfilMain img.FotoPerfilMarco {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10000;
		width: 217px;
		max-width: none;
		height: 302px;
		display: none;
	}
	.is-countdown {
		border: 1px solid #ccc;
		background-color: #eee;
	}
	.countdown-rtl {
		direction: rtl;
	}
	.countdown-holding span {
		color: #888;
	}
	.countdown-row {
		clear: both;
		width: 100%;
		padding: 0px 2px;
		text-align: center;
	}
	.countdown-show1 .countdown-section {
		width: 98%;
	}
	.countdown-show2 .countdown-section {
		width: 48%;
	}
	.countdown-show3 .countdown-section {
		width: 32.5%;
	}
	.countdown-show4 .countdown-section {
		width: 24.5%;
	}
	.countdown-show5 .countdown-section {
		width: 19.5%;
	}
	.countdown-show6 .countdown-section {
		width: 16.25%;
	}
	.countdown-show7 .countdown-section {
		width: 14%;
	}
	.countdown-section {
		display: block;
		float: left;
		font-size: 75%;
		text-align: center;
	}
	.countdown-amount {
		font-size: 125%;
		font-family: Arial !important;
	}
	.countdown-period {
		display: block;
		font-family: Arial !important;
	}
	.countdown-descr {
		display: block;
		width: 100%;
	}
	.pos-r { position: relative; text-align:center; }
	* html a:hover
	{
		visibility:visible
	}

	#PanelsOP .backtotop {
		background: transparent url(../imgs/layout/bambu.png) repeat-x left bottom;
		border-bottom:none;
		height: 15px;
		margin-top: 25px;
	}
	.cssnav
	{
		position: relative;
		background: url("../imgs/layout/MrBearMex_Votar_On.png") no-repeat;
		white-space: nowrap;
		display: block;
		width: 75px;
		height: 90px;
		margin: 0;
		padding: 0;
	}
	.cssnav a
	{
		display: block;
		font-size: 11px;
		width: 75px;
		height: 90px;
		display: block;
		float: left;
		color: black;
		text-decoration: none;
	}
	.cssnav img
	{
		width: 75px;
		height: 90px;
		border: 0
	}
	.cssnav a:hover img
	{
		visibility:hidden
	}
	.cssnav span
	{
		position: absolute;
		left: 35px;
		top: 15px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}
	div.scroll {
		width: 875px;
		height: 460px;
		overflow: auto;
		border: 0px solid #666;
		background-color: transparent;
		padding: 0px;
	}
	#PaxInfo {
		left: 229px;
	}
	#PaxInfo br { margin-bottom:6px; }

	#ContainerDiv {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.TitulosFoto {
		font-size:13px;
		color: #FFFF00;
	}
	#PaxInfo .TextoFoto {
		display:block;
		position:absolute;
		font-size: 18px;
		color: #6c4c00;
		font-weight: normal;
		font-weight: 900;
		width:200px;
		text-align:center;

		color: #000000;
		font-weight: 200;
		text-align: left;
		text-transform: uppercase;
	}
	#PaxInfo .TextoFoto.FontInfo {
		top: 43px;
		left: 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.1;
		width: 168px;
		padding: 0 10px;
	}
	#PaxInfo .TextoFoto.FontInfo p,
	#PaxInfo .TextoFoto.FontInfo h6,
	#PaxInfo .TextoFoto.FontInfo div {
		font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial !important;
		text-align: center;
		color: #ffffff;
	}
	#PaxInfo .TextoFoto.FontInfo p {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.1;
		margin-bottom: 5px !important;
		color: #ffffff;
	}
	#PaxInfo .TextoFoto.FontInfo h3 {
		font-size: 20px;
		font-weight: bolder;
		line-height: 1;
		/*letter-spacing: -1px;*/
		text-transform: uppercase;
		color: #999999;
		border: none;
		padding: 0;
		margin: 0;
		text-align: center;
		margin-bottom: 2px;
	}
	#PaxInfo .TextoFoto.FontInfo h6 {
		font-size: 18px;
		font-weight: 900;
		line-height: 1;
		border: none;
		padding: 0;
		margin: 0 0 10px;
		text-align: center;
		color: #ffffff;
	}
	#PaxInfo .TextoFoto.FontInfo span {
		font-size: 20px;
		font-weight: 800;
	}
	#PaxInfo .TextoFoto.FontInfo.FontCityState {
		top: 85px !important;
		text-transform: none;
	}
	#PaxInfo .TextoFoto.FontInfo.FontCityState h3 {
		font-size: 17px;
		font-weight: bolder;
		line-height: 1;
		/*letter-spacing: -1px;*/
		text-transform: uppercase;
		color: #999999;
		border: none;
		padding: 0;
		margin: 0;
		text-align: center;
		margin-bottom: 5px;
	}
	#PaxInfo .TextoFoto.FontInfo.FontCityState p {
		margin-bottom:20px;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats {
		top: 304px !important;
		line-height: 3.35;
		font-size: 15px;
		font-weight: 600;
		color: #ffffff;
		padding-left: 14px;
		text-transform: none;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats p {
		line-height: 3.35;
		font-size: 15px;
		font-weight: 600;
		color: #ffffff;
		padding-left: 0;
		text-transform: none;
		text-align: left;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats td:first-child {
		font-family: Montserrat, Arial, Verdana, Tahoma, Roboto, 'Open Sans', sans-serif !important;
		font-size: 14px;
		text-align: right;
		line-height: 1;
		font-weight: bolder;
		text-transform: uppercase;
		/*letter-spacing: -1px;*/
		width: 57%;
		color: #999999;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats td:nth-child(2) {
		font-family:"Roboto Condensed", Roboto, Montserrat,'Open Sans',Arial !important;
		font-size: 13px;
		text-align: left;
		line-height: 1;
		width: 43%;
		padding-left: 5px;
		
	}
	#PaxInfo .TextoFoto.Social {
		top: 369px;
		left: 153px;
		width: 33px;
		height: 70px;
		z-index: 2000000;
		line-height: 0.3;
		text-align: left;
	}
	#PaxInfo .TextoFoto.Social img {
		width: 33px;
		height: 33px;
		display: inline-block;
		margin: 0 0 5px 0;
		max-width: none;
	}
	#PaxInfo .TextoFoto1 {
		display:block;
		position:absolute;
		font-size:17px;
		color: #6c4c00;
		font-weight:normal;
		font-family: 'Fira Sans Condensed', sans-serif, Arial;
		font-weight: 900;

		color: #ffffff;
		font-size: 14px;
		font-weight: 200;
		text-align: left;
	}
	.VotacionesInfo {
		width: 151px;
		padding-top: 0;
		padding-left: 0;
		text-align: center;
		position: absolute;
		left: 185px;
		top: 408px;
		z-index:1000000;
		padding-left: 0;
		left: 262px;
	}
	.VotacionesInfoVoto {
		width: auto;
		padding-left: 0;
		position: absolute;
		text-align: center;
		left: 296px;
		top: 368px;
		z-index: 1000000;
	}
	.HeaderInfoTop {
		position: relative;
		text-align: center;
		width: 480px;
		margin: 0 auto;
		min-height: 215px;
	}
	.HeaderInfoTopLogo {
		position: relative;
		text-align: center;
		min-width: 425px;
	}
	.HeaderInfoTopLogo img {
		max-width: 281px;
	}
	.HeaderTextDiv {
		text-align: center;
		width:300px;
		padding: 7px 0 5px 0;
		margin: 0 auto;
		color:#ffffff;
		font-size: 16px;
	}

	#HeaderText {
		position: absolute;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		top: 86px;
		/*right: 0px;*/
		width: 100%;
	}
	#defaultCountdown {
		/*position: absolute;*/
		margin: 5px auto;
		width: auto;
		height: 25px;
		font-family:'Fira Sans Condensed', Arial, Helvetica, sans-serif;
		padding: 2px 0 2px 2px;
		height: 42px;
		padding: 0 0 0 5px;
		/*top:  45px;
		right: 16px;*/
		color:  #ffff00;
		/*background: red;*/
		width: 290px;
	}
	.countdown-period { display: inline; padding-left:2px; }
	.is-countdown { border: 1px solid #f30000; background-color: #df0000; }
	.countdown-amount { color: #ffffff; font-weight:bold; }
	.FotoPerfil {
/*
		-webkit-box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.5);
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.5);
*/
		border-radius: 8px !important;
	}
	@media (max-width: 690px) {
		.HeaderInfoTop {
			width: 425px;
			min-height: 190px;
		}
		.HeaderTextDiv {
			width: 192px;
			font-size: 10px;
		}
		#defaultCountdown {
			margin: 4px auto;
			width: 192px;
			height: 22px;
		}
		.countdown-amount {
			font-size: 12px;
		}
		.countdown-section {
			font-size: 12px;
		}
		.countdown-show4 .countdown-section {
			width: 24%;
		}
	}


/*----------------------------accordians styles----------------------------------------*/
.all-sessions-block-new .session-item-new   {
	padding:10px 0;
	/*border-bottom:1px dotted #dbdbdb;*/
	}
.all-sessions-block-new .session-item-new .session-inner-content-new {
	display: none;
	padding:15px 0 0 30px;
}
.all-sessions-block-new .session-item-new a:first-child span{
	text-transform:uppercase;
	}
.all-sessions-block-new .session-item-new a:first-child span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat;
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	margin-left:6px;
	vertical-align:-4px;
	}

.all-sessions-block-new .session-item-new a:first-child:hover span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat 0 -23px;
	}
.all-sessions-block-new .session-item-new.active  a:first-child span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat  -23px 0;
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	margin-left:6px;
	vertical-align:-4px;
	}
.all-sessions-block-new .session-item-new.active a:first-child:hover span:first-child {
	background: url("../imgs/close-open-icons-new.png") no-repeat -23px -23px;
	}
	/*-------------------------------------------------------------------------*/

.all-sessions-block-new .session-item-new .session-inner-content {
	display: none;
	background: #f7f7f7;
	padding: 20px 17px;
}

.all-sessions-block .profile-item, .all-sessions-block-new .profile-item {
   float: left;
   margin-bottom: 5px;
   width: 323px;
}

 .all-sessions-block .description-box, .all-sessions-block-new .description-box {
   /*color: #333333;
   font: 13px/16px Arial,Tahoma,sans-serif;*/
   padding-bottom: 10px;
}

.all-sessions-block .profiles-wrapper, .all-sessions-block-new .profiles-wrapper {
   padding-bottom: 15px;
}
.all-sessions-block .profile-item, .all-sessions-block-new .profile-item {
   float: left;
   margin-bottom: 5px;
   width: 323px;
}
.all-sessions-block .profile-img, .all-sessions-block-new .profile-img {
   float: left;
   height: 65px;
   width: 65px;
}
.all-sessions-block .profile-info, .all-sessions-block-new .profile-info {
   overflow: hidden;
   padding: 0 36px 0 10px;
}
.all-sessions-block .profile-info p, .all-sessions-block-new .profile-info p {
   padding-bottom: 0;
}
.all-sessions-block .profile-info p strong, .all-sessions-block-new .profile-info p strong {
   font-weight: bold;
}
.all-sessions-block .description-box, .all-sessions-block-new .description-box {
   /*color: #333333;
   font: 13px/16px Arial,Tahoma,sans-serif;*/
   padding-bottom: 10px;
}

	.all-sessions-block-new .session-item-new .session-inner-content {
		padding: 10px;
		margin-top: 5px;
	}
	.all-sessions-block .profiles-wrapper, .all-sessions-block-new .profiles-wrapper {
		padding-bottom: 0px;
	}
	.profiles-wrapper p,
	.profiles-wrapper li {
		margin: 0px !important;
		margin-bottom:10px !important;
		font-size: 14px !important;
		font-weight: normal;
	}
	.profiles-wrapper li {
		margin-left: 20px !important;
		margin-bottom: 5px !important;
	}
	.fontRojo {
		color:#ff0000;
	}

/* 425 PX LAYOUT */

	.MarcoFotos2 {
		width:425px !important;
		height: 348px !important;
	}
	.FotoPerfilMain {
		 width: 212px;
		 height: auto;
		 top: 21px;
		 left: 15px;
	}
	.FotoPerfilMain img {
		width: 212px;
		height: auto;
		border-radius: 0px;
	}
	.FotoPerfilTumb,
	.FotoPerfilTumb img{
		position: absolute;
		width: 60px;
		height: auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.FotoPerfil01 {
		 top: 344px;
		 left: -15px;
	}
	.FotoPerfil02 {
		 top: 344px;
		 left: 60px;
	}
	.FotoPerfil03 {
		 top: 344px;
		 left: 137px;
	}

	#PaxInfo .TextoFoto.FontInfo {
		top: 30px;
		width: 196px;
	}
	#PaxInfo .TextoFoto.FontInfo p {
		font-size: 16px;
	}
	#PaxInfo .TextoFoto.FontInfo span {
		font-size: 17px;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats {
		top: 185px !important;
		padding-left: 8px;
		padding-left: 0;
	}
	#PaxInfo .TextoFoto.FontInfo.FontStats p {
		font-size: 13px;
		line-height: 1.07;
	}
	#PaxInfo .TextoFoto.Social {
		top: 383px;
		left: 26px;
		width: 150px;
		height: 31px;

		top: 242px;
		left: 0;
		width: 196px;
		height: 31px;		/* background: green; */
		padding: 0 10px;
	}
	#PaxInfo .TextoFoto.Social img {
		width: 31px;
		height: 31px;
	}
	.VotacionesInfo {
		top: 290px;
		left: 250px;
	}
	.VotacionesInfoVoto {
		top: 290px;
		left: 250px;
	}
	.cssnav {
		position: relative;
		background: url("../imgs/layout/MrBearMex_Votar_On.png") no-repeat;
		white-space: nowrap;
		display: block;
		width: 150px;
		height: 41px;
		margin: 0;
		padding: 0;
}
	.cssnav a,
	.cssnav img {
		width: 150px;
		height: 41px;
	}