@charset "UTF-8";

*{
 
}

input[type="button"] {
    display: inline-block;
    padding: 12px;
    font-size: 14pt;
    font-family: 'Rajdhani', sans-serif;
    margin: 15px auto;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #333;
    color: #fff;
    border: 0px;
    cursor: pointer;
}


/*PROGRESS BAR*/
.progressbar{
	display: block;
	padding: 6px;
	background: #f9f9f9;
	text-align:left;
	color: #171717;
	font-weight: bold;
	margin-bottom: 10px;
	border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;	
}
.progressbar #percent{
	display: inline-block;
	width: 3%;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 40px 0px 0px 40px;
	-moz-border-radius: 40px 0px 0px 40px;
	-webkit-border-radius: 40px 0px 0px 40px;
}

/*VER MAS*/
summary{font-weight: bold; color: #0495d8; margin-bottom: 10px; cursor: pointer; outline:none;}

/*ESPECIAL BEVRAND FORMATO DE ESCALA*/

.escalas{display: block; text-align: center;}
.escalas .ModuleQuestions_Q{display: block; clear: both; text-align: center; font-size: 15pt; font-weight: bold;}
.escalas .ModuleQuestions_A li{display: inline-block !important; width: 30px !important; margin: 12px;}
.escalas .ModuleQuestions_A li label{width: 30px; height: 30px; line-height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-indent: -300; overflow: hidden; background: #fff !important;}
	

.escalas .ModuleQuestions_A li.brevrand-before{width: auto !important;}
.escalas .ModuleQuestions_A li.brevrand-before label {width: auto !important; background: none !important; text-align: right !important; font-weight: bold; text-indent: inherit !important; margin-right: -25px !important; text-transform: uppercase; color: #fe9102;}

.escalas .ModuleQuestions_A li.brevrand-after{width: auto !important; margin-left: 20px;}
.escalas .ModuleQuestions_A li.brevrand-after label {width: auto !important; background: none !important; text-align: left !important; font-weight: bold; text-indent: inherit !important; margin-left: -5px !important; text-transform: uppercase; color: #a850b4;}


.escalas li.optnum1 {margin-right: 20px;}
.escalas li.optnum1 label{border:4px solid #fe9102;}
.escalas li.optnum1 label:hover{background: #fe9102 !important;}
.escalas li.optnum1 input[type="radio"]:checked + label {background: #fe9102 !important;}

.escalas li.optnum2 {margin-right: 10px;}
.escalas li.optnum2 label{border:4px solid #fe9102; width: 20px; height: 20px; line-height: 20px;}
.escalas li.optnum2 label:hover{background: #fe9102 !important;}
.escalas li.optnum2 input[type="radio"]:checked + label {background: #fe9102 !important;}

.escalas li.optnum3 {margin-right: 20px;}
.escalas li.optnum3 label{border:4px solid #fe9102; width: 10px; height: 10px; line-height: 10px;}
.escalas li.optnum3 label:hover{background: #fe9102 !important;}
.escalas li.optnum3 input[type="radio"]:checked + label {background: #fe9102 !important;}

.escalas li.optnum4 {margin-left: 0px;}
.escalas li.optnum4 label{border:4px solid #a850b4; width: 10px; height: 10px; line-height: 10px;}
.escalas li.optnum4 label:hover{background: #a850b4 !important;}
.escalas li.optnum4 input[type="radio"]:checked + label {background: #a850b4 !important;}

.escalas li.optnum5 {margin-left: 0px;}
.escalas li.optnum5 label{border:4px solid #a850b4; width: 20px; height: 20px; line-height: 20px;}
.escalas li.optnum5 label:hover{background: #a850b4 !important;}
.escalas li.optnum5 input[type="radio"]:checked + label {background: #a850b4 !important;}

.escalas li.optnum6 {margin-left: 10px;}
.escalas li.optnum6 label{border:4px solid #a850b4;}
.escalas li.optnum6 label:hover{background: #a850b4 !important;}
.escalas li.optnum6 input[type="radio"]:checked + label {background: #a850b4 !important;}

.orangelabel{
	width: auto !important;
    background: none !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #fe9102 !important;
}

.downloadboton{
	display: block;
	padding: 5px;
	text-align: center;
	color: #feb101;
	font-weight: bold;
	background: #333;
}
.downloadboton:hover{
	background: #f17600;
	color: #fff;
}

.boldfield{
    display: block;
    clear: both;
    text-align: center;
    font-size: 15pt;
    font-weight: bold;

}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/preloader.gif) center no-repeat rgba(255, 255, 255, 1);
}

.breakline{display: none;}

.gearspreload{display: block; clear: both; margin: 10px; text-align: center;}



.modalDialog > div{
	background: #620033;
	border-radius: 5px;
	color: #fff;
	width: 650px;
	margin: 3% auto;
	box-shadow:none;
}

.modificabox form{
    display: block;
	width: 85%;
	margin: 0 auto;
    margin-top: 15px;
}

.modalClose{   
	background: none;
    color: #FFFFFF;
	left: 10px;
	top: 10px;
	box-shadow: none;
	
}

.modificabox form span{display: inline-block; vertical-align: top; margin:4px;  clear: both; font-size: 9pt; color: #96162d; margin-bottom: 2px; padding: 3px; width: 47%;}
.modificabox form span.large{display: block; width: auto; clear: both;}


.modificabox form span b{display: inline-block; text-align: left; font-size: 8pt; text-transform: inherit; font-weight: normal; margin-bottom: 3px; color: #fff;}
.modificabox form input[type="radio"], input[type="checkbox"] {display: inherit;}
.modificabox form input[type="text"], .modificabox form input[type="password"], .modificabox form input[type="email"] {display: block; padding: 15px; border: 0px; width: 100%; width: -moz-available;  width: -webkit-fill-available; background: #fff; font-size: 11pt; color: #666; border-radius: 4px;}

.modificabox form span label{color: #fff;}
#toggleText{display: inline-block; font-size: 7pt; color: #999;}
#togglePass{display: inline-block;}

.modificabox form select{border: 0px; padding: 15px; font-size: 11pt; width: 100%; width: -moz-available;  width: -webkit-fill-available; -webkit-appearance: none; -moz-appearance:none; appearance: none; color: #666; border-radius: 4px; background: #fff;}
.modificabox form .direccion input[type="text"], .modificabox form .direccion select{width: 28%; display: inline-block;}
.modificabox form .direccion input[name="piso"], .modificabox form .direccion input[name="puerta"], .modificabox form .direccion input[name="escalera"]{width: 6%;}

.modificabox form .inpsmall{width: 50px; padding-left:10px; padding-right: 10px;}
.modificabox form .inpmid{width: 95px; padding-left:10px; padding-right: 10px;}


.modificabox form .botonmdificar{text-align: center;  clear: both; display: block; width:100%; border-top:1px solid #840245; padding-top:10px; margin-bottom:-20px;}

.modificabox form .botonmdificar input[type="submit"] {padding-left:30px; padding-right:30px;}

.modificabox form .submenu{text-align: left; float: left; clear: none; margin-top:8px;}
.modificabox form .submenu a{color: #f47700; display: block; clear: both; text-align: left; margin-bottom: 3px;}
.modificabox form .submenu a:hover{color: #fff;}

.modificabox .error{display: block; color: red; font-size: 8pt; background: #fff2f2; font-weight: normal; padding: 5px; text-align: center;}

.modificabox .foto{cursor: pointer; margin: 0 auto; margin-top: -10px !important; }
.modificabox .photo{display: block; margin: 0 auto; width: 75px;}
.modificabox .fotoperfil{display: block;   height: 75px; border-radius: 50%; background-size: cover;}

.modificabox h3{display: block; text-align: center; font-size: 15pt; font-weight: 700; clear: both;}
.modificabox h3 b{display: block; font-size: 12pt; color: #999; text-align: center;}

.modificabox #err{display: block; color: red; font-size: 8pt; text-align: center;}

.coach h3{color: #f47700;}
.coach .intro{
	display: block;
    text-align: center;
    font-size: 10pt;
    margin-top: 10px;
    color: #fff;
}
.coach .texto{
	display: block;
    text-align: left;
    background: #530129;
    padding: 10px;
    font-size: 10pt;
	margin-top: 15px;
}

.coach .btncita{display: inline-block; background:#f47700; color: #fff; padding: 7px; border-radius: 5px; margin-top: 15px;}
.coach .btncita:hover{background:#9d0f3a;}
.coach .calendario{
	background: #f8f8f8;
    display: block;
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    border-radius: 10px;
}
.coach .hasDatepicker{display: inline-block;}
.coach .calendario h3{color: #333; text-align: left; margin-bottom: 5px; font-size: 10pt;}
.coach select, .coach input[type="text"]{-webkit-appearance: none; -moz-appearance: none; background: #fff !important; border: 1px solid #ccc; padding: 5px !important; width: 280px; display: block; clear: both; margin-bottom: 10px;}
.coach input[type="text"]{width: 270px !important; border-radius: 5px;}


/*NUEVO DISEÑO*/
.content{
	display: block;
    background: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 12pt;
    color: #333;
    clear: both;
}

.headperfil{
	height:400px;
}

.headperfil .overlay{
	background: url(https://go.bevrand.com/images/perfil/header.jpg);
    background-size: cover;
}

.bigbtn {
    color: #ffffff;
    border: none;
    background-color: #db003f;
    background-image: -webkit-linear-gradient(left, #db003f 0%, #ffb255 50%,#db003f 100%);
    background-image: linear-gradient(to right, #db003f 0%, #ffb255 50%,#db003f 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;
    font-size: 25px;
    padding: 15px 45px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
.bigbtn:hover{
    color: #ffffff;
    background-color: #ffb255;
    border: none;
    background-position: 100% 0;
}



.postreg{
	width: 40%;
	margin: 0 auto;
}	

.postreg h1{
	font-size: 19pt;
    font-weight: 900;
}

.postreg input[type="text"], .postreg input[type="email"] {
    display: block;
    clear: both;
    width: 80% !important;
    margin: 10px auto;
    border: 0px;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 10px;
    background: #fff !important;
	font-size: 10pt;
	border: 1px solid #ccc !important;
}

.postreg label{
	width:85%;
	display: block;
	font-size: 8pt;
	clear: both;
	margin: 0 auto;
    text-align: left;
	margin-bottom: 7px;
	font-family: Verdana;
}

.postreg label input[type="checkbox"]{
	float: left;
    margin-bottom: 40px;
    margin-right: 10px;
}

.postreg label a{color: #f47700;}
.postreg label a:hover{text-decoration: underline;}

.Over{
	-webkit-filter: blur(14px);
    -moz-filter: blur(14px);
    -ms-filter: blur(14px);
    -o-filter: blur(14px);
   
    filter: url("data:image/svg+xml;utf8,<svg height="0" xmlns="http://www.w3.org/2000/svg"><filter id="svgBlur" x="-5%" y="-5%" width="110%" height="110%"><feGaussianBlur in="SourceGraphic" stdDeviation="5"/></filter></svg>#svgBlur");
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = "14");
	
    filter: blur(14px);
}

.preload{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  opacity: 0.6;
  padding: 10px;
  border-radius: 50%;
  z-index:999999999999999;
  line-height: 100px;
  width: 100px;
  height: 100px;
}

.white{width: 50%;}
.white .remodal-close{left:inherit; right: 5px;}

#pidecitagratis input[type="text"]{
	width: 50%;
    border: 1px solid #ccc;
    margin: 0 auto;
	margin-bottom: 20px;
}
#pidecitagratis select{
	width: 55%;
    border: 1px solid #ccc;
    margin: 0 auto;
}


.head-areapersonal{
	height: 160px;
}
.head-areapersonal .bv-banner{
	display: none;
}

.c100.orange{border: 2px solid #f47700;}

.avatarflotante{
	z-index: 99;
    position: fixed;
    top: 20px;
    left: 20px;
	cursor: pointer;
}

.avatarflotante i{
	display: block;
    background: #e7001e;
    color: #fff;
    font-size: 20pt;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 12px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
}

.avatarflotante .elgrado{
	display: block;
    clear: both;
	height:0px; 
	color: #fff;
	margin-left: -20px;
    padding-left: 20px;
    font-weight: bold;
    border-right:12px solid transparent;
    border-bottom:12px solid #f47700;
    border-top:12px solid #f47700;
}

.avatarflotante .elgrado span{
    margin-top: -11px;
    display: block;
}

.topintroarea{
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-bottom:20px;
	text-align: center;
	margin-top: 20px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
}

.topintroarea h2{
 	font-size:40pt;
	display: block;
	text-align: center;
	clear: both;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 44px;
}

.topintroarea h4{
 	font-size:17pt;
	display: block;
	text-align: center;
	clear: both;
	font-weight: normal;
}

.topintroarea h4 b{
	color: #f47700;
	font-weight: bold;
}

#tabs .tab-nivel{
	text-align: center;
	color: #878786;
}
#tabs .tab-nivel img{
	display: block;
	clear: both;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	margin: 0 auto;
}	

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: 2px solid #f47700;
	color: #f47700;
	background: none !important;
}

.ui-widget.ui-widget-content, .ui-widget-content, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border:0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: none;
}
.ui-tabs .ui-tabs-nav li{padding: 0px 10px;}
.ui-widget-header{background: #ececec; border:0px; padding: 10px !important; text-align: center;}

.ui-tabs-active{border: 2px solid #333;}

.tab-nivel a{color: #878787 !important;}
.tab-nivel:focus{outline: none !important;}

.ui-tabs .ui-tabs-nav {
  text-align: center;
}

.ui-tabs .ui-tabs-nav li {
  float: none !important;
  display: inline-block;
}


.listadonivel li{
	list-style: none;
	width: 50%;
	padding:0px;
	margin:0px auto;
	display: block;
	text-align: left;
	padding-left: 30px;
	height:24px;
	margin-bottom:6px;
	line-height: 24px;
	color: #333;
	border-bottom: 1px dotted #f4f4f4;
    font-size: 10pt;
}

.listadonivel li i{color: #9c9c9b; float: right;}

.listadonivel li.yes{
	background: url(https://go.bevrand.com/quizs/images/checkyes.png) no-repeat left;
}
.listadonivel li.no{
	background: url(https://go.bevrand.com/quizs/images/checkblock.png) no-repeat left;
	color: #9c9c9b;
}

.listadonivel li.topasc{
	text-align:right;
	padding-bottom: 15px;
}

.listadonivel a.ascenderboton{
	background: #f47700;
	color: #fff;
	font-weight: bold;
	padding: 7px 25px;
	border-radius:10px;
}

.listadonivel a.ascenderboton:hover{
	background: #6a142f;
}

.listadonivel a.inact{
	background: #c6c6c6;
}


h1{font-weight: 600; margin-bottom: 20px;}
.plusinfo{
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-size: 10pt;
    color: #333;
}
.top-head{padding-top:130px;}

.pedidos h3{margin-bottom:30px;}
.pedidos li{
    display: block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 4px;
    margin: 10px;
    color: #000;
}
.pedidos li b{
    display: inline-block;
    width: 33%;
}

.pedidos li b.p_fecha{width: 18%; font-weight: normal;}
.pedidos li b.p_name{width: 60%;}
.pedidos li b.p_amount{width: 15%; color: #78ac09; font-weight:normal;}

.packlibrologged_buy{display: none;}
.logged .titlecommerce{display:none;}
.logged .onlog{display: block !important;}
.logged .videocarrusel{display:none !important;}
.logged .packebook_buy, .logged .packlibro_buy{display:none;}
.logged .packlibrologged_buy{display: block;}

.configuraciones{
    display: block;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}
.configuraciones li{
    display: block;
    text-align:left;
    margin:4px;
}
.configuraciones li a{
    display: block;
    padding: 7px 15px;
    background: #f47700;
    color: #fff;
    text-decoration: none;
    font-weight:bold;
}
.configuraciones li a:hover{
    background: #fff;
    color: #f47700;
}
.modificabox form{width: 95%;}
.modificabox form .direccion input[name="piso"], .modificabox form .direccion input[name="puerta"], .modificabox form .direccion input[name="escalera"] {
    width: 12%;
}
.coach h3{color: #fff;}
.topbox{
    display: block;
    text-align:center;
}
.topbox .titleresults{
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #F67259; 
}
.topbox span{font-weight:400;}


.horizontal ul li{
display: inline-block;
}


.titulograficoponderado{display:none;}

.subtitleresults{
    font-size: 13pt;
    margin-top: 0px !important;
    display: block;
    text-align: center;
}

.introarquetipo{display: block; clear: both; text-align: center; margin-bottom: 50px; margin-top:30px;}
.introarquetipo .sharebox{margin-top:40px;}
.introarquetipo .sharebox #ShareFacebook{width:30%;}
.introarquetipo .sharebox #ShareTwitter{width:30%;}

.introarquetipo h2{
    display: block;
    font-size: 31pt;
    text-align: center;
    font-weight: 900;
    margin-bottom:20px;
    line-height: 33px;
}

.textoarquetipo{
    display: inline-block;
    width: 50%;
    margin-top: 20px;
    margin-left: 40px;
    vertical-align: top;
}


.title-dimension{color: #000; font-size:13pt; text-align: center;}
.title-dimension b{display: block; text-align: center; color: #000; font-size:16pt; margin-top: 10px;}

.modulo_1 {display: block; margin: 0px; padding: 0px;}

.ventajas{display: block; background: #f9f9f9; text-align:left; color:#666666; padding-top:0px; padding-bottom:30px;}
.ventajas img{display: block; margin: 0 auto; clear: both; margin-bottom:10px;}

.ventajas h2, .video h2, .grafico h2{display: block; color: #fff !important; background: #f17600 !important; font-weight: 700; text-align: center; padding: 10px !important;}
.ventajas div{margin-bottom: 15px; flex: 1; padding: 5px 15px;}

.ventajas .col{display:flex; }

.video h2, .grafico h2{margin-bottom:20px;}

.grafico{margin-bottom: 20px;}

.mejora h2{background: #96162d !important; margin-bottom: 15px;}

.avatar {width: 30%; display: inline-block;}
.avatar img{width: 100%;}
.avatar h2{background: #feb101; margin-bottom: 15px; display: block; color: #fff; font-weight: 700; text-align: center; padding: 10px;}

.elarquetipo{display: block; float: right; width: 48%; text-align: center;}

.cuadrodimensiones{display: block; clear: both; list-style: none;}

.videoexplicativo{display: block; clear: both; padding: 20px; padding-top:0px; padding-bottom:60px; text-align: center; margin-top: 0px; margin-bottom: 0px;}
.videoexplicativo .video h2{color: #333 !important; font-size: 25pt; background: none !important; padding: 0px !important; margin-bottom: 0px;}
.videoexplicativo .video #texto{width:60%; margin: 0 auto; color: #333; margin-top:10px; margin-bottom:15px; display:block;}
.videoexplicativo .video iframe{float:left;}

.logged .videoexplicativo .video iframe{float:inherit;}

.videoexplicativo .video #textoright{float: right; padding: 15px; padding-top: 0px; text-align: center; width: 350px; color: #fff;}
.videoexplicativo .video #textoright h3{font-size: 16pt; font-weight: bold; margin-bottom:15px; color: #fff;}
.videoexplicativo .video #textoright h3 b{font-size: 20pt; display: block; clear: both;}
.videoexplicativo .video #textoright img{margin-top: -40px;}

.videoexplicativo .video #textoright a{padding: 10px; width: 180px; height: 25px; background: #f17600; color: #fff; text-transform: uppercase; border-radius: 7px; margin-top: 15px; display: inline-block; text-align: center; font-size:12pt;}
.videoexplicativo .video #textoright a:hover{background: #96162d;}

.videobotones{position: relative; top: -40px;}
.videobotones #textoleft{float: left;  text-align: center; width: 560px;}
.videobotones #textoright{float: right;  text-align: center; width: 380px;}



.grafico{text-align: left;}
.grafico h2{color: #333 !important; background: none !important; padding: 0px !important; margin-bottom: 0px; margin-top:60px; font-size:25pt;}
.grafico #columnchart_material{width: 60% !important; float: left; margin-right:20px;}
.grafico span{display: block; margin-top:70px;}

.masinfo{display: block; clear: both; margin-bottom: 10px;}
.masinfo .algomas h2{color: #333; background: none;}
.masinfo h3{color: #F3B55D;}
.masinfo div {text-align: left;}

.introinteligencia{display: block; text-align: center !important; padding: 0px; margin-top: -20px; margin-bottom: 15px; clear: both;}
.footerinteligencia{display: block; text-align: center; padding: 25px; margin-top: 0px; margin-bottom: 10px; clear: both;}

.logica{display: block; width: 30%; float: left; background: #f8f8f8; padding: 10px; min-height: 200px; text-align: center;}
.espacial{display: block; width: 30%; float: left; background: #f8f8f8; padding: 10px; margin-left: 23px; min-height: 200px; text-align: center;}
.verbal{display: block; width: 30%; float: right; background: #f8f8f8; padding: 10px; min-height: 200px; text-align: center;}

.bloqueprioridades{display: block; clear: both; margin-top: -10px;}
.bloqueprioridades h2{margin-bottom: 0px;}
.tusprioridades{display: block; padding: 20px; text-align: center; background: #f8f8f8;}

.tusprioridades{text-align: inherit !important;}

.promofooter{display: block; color: #333;  text-align: center;  margin-bottom: 15px; margin-top:50px;}
.promofooter b{color: #9d0f3a; font-size: 14pt;}
.promofooter img{margin-top:20px;}

.ecommerceboxes{background: #f8f9fa;}
.ecommerceboxes h4{ display: block; text-align:center; font-size: 13pt; margin-top:40px; font-weight:bold;}
.ecommerceboxes h4 b{color:#9d0f3a;}

#textleft{display: block; text-align: center; width: 65%; float: left;}

#texto ul{margin-top:20px;}
#texto li{list-style: none; display: inline-block; margin: 8px; text-align: center; width:12%; font-size: 9pt; font-weight: bold; color: #9d0f3a; vertical-align:top;}
#texto li img{display: block; clear: both; margin: 0 auto; margin-bottom: 8px;}


.fb-box{display: block;  min-height: 300px; margin-top: 20px;}

footer {display: block; background: #6AA394; padding: 12px; height: auto; border-top: 5px solid #f5f5f5; margin-top: 15px; color: #fff; text-align: center;}


.compra{display: block; margin: 0 auto; margin-top: 15px; clear: both;}
.compra .thumb{width: 225px; float: right; clear: left; margin-left: 20px;}
.compra .detalles{display: block; text-align: center;}
.compra .detalles h3{background: none; color: #000; font-size: 30pt; text-align: center; font-weight: 800; margin: 0px; margin-top: 30px; margin-bottom: 20px;}
.compra .detalles h3 em{display: block; font-size: 25pt; text-align: center; font-weight: 300; margin: 0px; display: block; clear: both; margin-top: 20px; font-style: italic !important;}

#masinfo{display: block; float: left; text-align: left; text-decoration: none; color: #000; font-weight: bold; margin-top: -40px; text-decoration: underline;}

.progressbar #percent{background: #F3B55D;}

.atencion{display: block; margin: 0 auto; padding: 10px; margin-top: 15px; background: #f8f8f8; border: 1px solid #f5f5f5; text-align: left; color: #959595;}

input[type="submit"], input[type="button"], .coregistros_btn {
    background: #f47700 !important;
    color: #fff !important;
}

.coregistros_btn{
padding: 12px 30px !important;
}
.coregistros_btn:hover{background: #F67259 !important;}


.barrafinal{display: block; width: 80%; clear: both; margin: 0 auto; margin-top: -15px; margin-bottom: 30px; background: #f4f4f4;  text-align: left;}
.barrafinal span{display: block; width: 80%; background: #fe9102; color: #fff; font-weight: bold; padding: 10px; text-align: right;}

.ecommerce{padding-top:0px !important; padding-bottom:0px !important;}

.desc .description{margin-bottom: -10px !important;}

.botoncompranew {
    display: block !important;
    background: url(https://go.bevrand.com/images/empieza.png) top no-repeat !important;
    cursor: pointer;
   float: left;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.botoncompranew:hover {
    background: url(https://go.bevrand.com/images/empieza.png) bottom no-repeat !important;
}

#ShareFacebook {background: #3b5998 url(https://mitest.de/wp-content/uploads/2015/05/btnFB1.jpg) left no-repeat !important; width:47%;}
#ShareTwitter{background: #1dadeb url(https://mitest.de/wp-content/uploads/2015/05/btnTW1.jpg) left no-repeat !important; width:47%;}


.QProgress{display: block; position: fixed; padding:0px; background:#eee; right:0; left:0; bottom:0; width:100%; margin-top:15px;}
.QProgress span{display: block; background:#9d0f3a; color: #fff; padding: 10px; width:3%; text-align:right; font-weight: bold;}

.iconosfooter{display: block; padding-top:30px;}
.iconosfooter h3{background: none; color: #000; font-size: 30pt; text-align: center; font-weight: 800; margin: 0px; margin-bottom: 20px;}
.iconosfooter h3 em{display: block; font-size: 25pt; text-align: center; font-weight: 300; margin: 0px; display: block; clear: both; margin-top: 20px !important; font-style: italic !important;}
.iconosfooter #texto {width: 80%; margin: 0 auto; text-align: center;}
.iconosfooter .boton{margin-top:-110px;}

.facebooksection{background: #f9f9f9; padding-top:25px; margin-top:20px;}

.infobar{display: block; padding: 10px; text-align: center; color: #fff; font-weight: bold; background: #f47700;}

.boxprice1{display: inline-block; width: 378px; height: 280px; background: url(https://go.bevrand.com/images/perfil/book1A.png) no-repeat; background-size: cover;}

.boxprice1 .fullprice{display: block;
    width: 80px;
    height: 60px;
    position: relative;
    top: 70px;
    left: 250px;
}
.boxprice1 .fullprice b{
    font-size: 36pt;
    display: inline-block;
    vertical-align: top;
    margin-top: -18px;
}
.boxprice1 .fullprice em{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    font-size: 14pt;
    font-weight: bold;
    line-height: 19px;
}


.boxprice2{display: inline-block; width: 600px; height: 413px; background: url(https://www.bevrand.com/wp-content/uploads/2018/01/collage2B.png) no-repeat; background-size: cover;}

.boxprice2 .fullprice{display: block;
    width: 80px;
    height: 60px;
    position: relative;
    top: 85px;
    left: 110px;
   color: #fff;
}
.boxprice2 .fullprice b{
    font-size: 36pt;
    display: inline-block;
    vertical-align: top;
    margin-top: -18px;
    color: #fff;
}
.boxprice2 .fullprice em{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    font-size: 14pt;
    font-weight: bold;
    line-height: 19px;
}

#footer_send{padding-bottom:60px;}

.blur{
   display: block; width: 100%; height: 100%; position: fixed; z-index:99999999999;
}

.pedircita{
    display: inline-block;
    clear: both;
    margin-top: 15px;
    background: #88062b;
    padding: 10px;
    width: 300px;
    color: #fff;
    text-align: left;
    border-radius:5px;
}
.pedircita:hover{
   background: #f47700;
   color: #fff;
   text-decoration:none;
}
.pedircita i{
   display: inline-block;
   float: left;
   font-size: 40pt;
   margin-left: 15px;
   margin-right: 20px;
}
.intropide{
    display: block;
    clear: both;
    color: #88062b;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 13pt;
    line-height: 23px;
}
.intropide i{
   display: inline-block;
   float: left;
   margin-right: 20px;
   font-size: 73pt;
   margin-top: -13px;
}
.success{
    display: block;
    margin-top: 15px;
    color: #5e9c22;
    font-weight: bold;
}

.fd_over{
   background: url(https://go.bevrand.com/images/Landing-3.jpg)  no-repeat;
   background-size: cover;
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
}
.pre-data{
    display: block;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    margin-top: 200px;
}
.pre-data h1{
    color: #000;
    font-size: 26pt;
    text-align: center;
    font-weight: 800;
    margin: 0px;
    margin-bottom: 20px;
}
.pre-data h1 em{
    font-size: 12pt;
    text-align: center;
    font-weight: 400;
    margin: 0px;
    display: block;
    clear: both;
    margin-top: 0px;
    font-style: italic !important;
}

.preparando{
    display: block;
    position: absolute;
    clear: both;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    z-index: 99999;
    width: 200px;
    top: 200px;
    left: 50%;
    margin: -50px 0 0 -100px;
}
.preparando img{
    display: block;
    clear: both;
    margin: 0 auto;
    margin-bottom: -60px;
}

#formfinaliza label{
    display: block;
    color: #000;
    text-align: left;
}

#formfinaliza label a{
    color: #9d0f3a;
}

#formfinaliza label #legal{
    display: inline-block;
}

#formfinaliza #nombre, #formfinaliza #email {
    border:1px solid #cecece;
}

.getwhatsapp{
    display: block;
    clear: both;
    margin-top: 40px;
    border: 2px solid #4bae2b;
    padding: 10px;
    position: relative;
    font-size:11pt;
    color: #333;
    background: #fff;
}
.getwhatsapp em{
    font-style: normal;
    font-weight: bold;
    color: #4bae2b;
}
.getwhatsapp img{
    position: absolute;
    right: -30px;
}
.getwhatsapp:hover{text-decoration:none; color: #4bae2b;}
.white h2{color: #333;}

.top-menu li, .top-menu{z-index: 989898989898989898;}
.linkto{z-index: 989898989898989898;}

.puntosfuertes{display:none;}
.puntomejora{display:none;}

.top-data{display: none !important; text-align:center !important; padding-bottom: 15px; border-bottom: 1px solid #630520; margin-bottom: 20px;}
.top-data img{max-width: 70px; margin-bottom:10px;}
.top-data b{font-size: 18pt; color: orange; display: block; text-align:center;}

#columnchart_material{display:none !important;}

.cuadrodimensiones{margin-bottom: 50px;}

.introarquetipo .container, .ventajas .container{
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.04);
      margin: 15px auto;
}

.expdesventaja a{display:none !important;}

.popup_recept p{display:block; font-size: 12px; font-style:normal}
.popup_recept a{color:#000; text-decoration:underline;}
.popup_recept em{display:block; font-size: 10px; font-style:normal; margin-top:20px;}
.popup_recept button{background-color: #F67259; border:0px; display: inline-block; margin: 10px auto; font-size: 14px;}
.popup_recept button:hover{background-color: #FF5E3F; }
.popup_recept button input{margin-right:6px;}

.overlay .popup_recept h5{margin-bottom:15px; text-transform:none !important;}
.overlay .popup_recept b{font-weight: 400 !important;}

.sharethis-inline-share-buttons{margin-top: 30px;}

    
@media only screen and (max-width: 768px) {

.escalas .ModuleQuestions_A li.brevrand-before{clear: both; display: block !important; margin-bottom: -15px;}
.escalas .ModuleQuestions_A li.brevrand-after{clear: both; display: block !important; margin-bottom: -15px;}

.escalas .ModuleQuestions_A li.brevrand-before label{font-size: 9pt; display: block !important; margin-bottom: -15px; text-align: left !important;}
.escalas .ModuleQuestions_A li.brevrand-after label{font-size: 9pt; display: block !important; text-align: right !important; margin-top: -25px;}

.escalas .ModuleQuestions_A li label{width: 8px; height: 8px; line-height: 8px;}

.escalas li.optnum1 {margin-right: -5px;}

.escalas li.optnum2 {margin-right: -9px;}
.escalas li.optnum2 label{width: 5px; height: 5px; line-height: 5px; padding: 7px;}

.escalas li.optnum3 {margin-right: 8px;}
.escalas li.optnum3 label{width: 2px; height:2px; line-height: 2px; padding: 7px;}

.escalas li.optnum4 {margin-left: -7px;}
.escalas li.optnum4 label{width: 2px; height: 2px; line-height: 2px; padding: 7px;}

.escalas li.optnum5 {margin-left: -12px;}
.escalas li.optnum5 label{width: 5px; height: 5px; line-height: 5px; padding: 7px;}

.escalas li.optnum6 {margin-left: -10px;}

.modificabox form .botonmdificar { text-align: left; float: left;}


.modalDialog > div{
	width: 90%;
	margin: 1% auto;
}

.modificabox form{
    width: 95%;
}

.overdiv{



}


.modificabox form span b{display: block;}

.modificabox form select {margin-bottom:3px;}
.modificabox form .direccion select {margin-bottom:3px;}
.modificabox form .direccion input[type="text"]{width:85%; margin-bottom:3px;}
.modificabox form .direccion input[name="piso"], .modificabox form .direccion input[name="puerta"], .modificabox form .direccion input[name="escalera"]{width:11%;}

.modalDialog{position: absolute; height: 500%;}

.postreg{
	width: 60%;
	margin: 0 auto;
}	

.head-areapersonal{
	max-height: 160px !important;
}

.topintroarea{
	width: 90%;
}

.topintroarea h2{
 	font-size:30pt;
}

.topintroarea h4{
 	font-size:13pt;
}

.listadonivel li{
	width:98%;
}

.ui-widget-header{padding:0px;}
.ui-tabs .ui-tabs-nav li{padding:0px; margin: 0px;}


h1{font-size: 21px; margin-bottom: 20px;}
.bv-contenido{padding:6px;}
.content_1024{padding: 0px; width: 99%; margin: 0 auto;}
.ModuleQuestions{padding:6px;}

.header #logo{display: block; float: none; margin: 0 auto;}

menu{text-align: center; padding: 10px; margin-top: -5px;}
menu a{display: inline-block; margin-right: 3px !important; padding: 4px; font-size: 9pt !important; margin-top: 10px !important;}

.avatar{display: block; margin: 0 auto; width: 90%;}
.textoarquetipo{width:90%; margin: 0 auto; margin-top: 30px; }

.introarquetipo .sharebox #ShareFacebook{width:45%; display:inline-block; font-size:14px; line-height: 40px;height: 40px;}
.introarquetipo .sharebox #ShareTwitter{width:45%; display:inline-block; font-size:15px; line-height: 40px;height: 40px;}

.arquetipo, .mejora{display: block; text-align: center; margin: 0 auto; width: 90%;}

.ventajas{float: none; margin: 0 auto;}
.elarquetipo{float: none; margin: 0 auto;}
.elarquetipo img{width: 80% !important; height: auto !important;}

.videoexplicativo .video #texto{width:90%; margin: 0 auto;}
.videoexplicativo .video iframe{float:none;}
.videoexplicativo .video #textoright{float: none; display: block; clear: both; padding: 15px; text-align: center; width: auto;}
.videoexplicativo .video h2{font-size:18pt;}

.videoexplicativo .video #textoright img{margin-top:0px;}

.videobotones #textoright{display: block; float: inherit; width:90%; margin:10px;}
.videobotones #textoleft{display: block; float: inherit; width:90%; margin:10px;}

.bigbtn{font-size:12pt;}

.logica{float: none; width: 95%; margin: 0 auto;}
.espacial{float: none; width: 95%; margin: 0 auto;}
.verbal{float: none; width: 95%; margin: 0 auto;}
iframe{width: 96% !important; height: auto; }

.compra{width: 93%;}
.compra .thumb{float: none; clear: both; margin: 0 auto;}
.compra .detalles{width: 95%; float: none; margin-left: 0px; clear: both;}

#textleft{width: 100%; float: none; clear: both;}

#textleft li{width:30%; font-size: 8pt;}

#masinfo{display: block; clear: both; float: none; margin-top: -30px; text-align: center;}


.grafico #columnchart_material{width: 90% !important; float: none; margin-right:0px;}
.grafico span{display: block; margin:0 auto; margin-top:30px; width:90%; text-align: center;}

.introarquetipo h2{font-size: 20pt;}

#textleft{display: block; width: 100%;}

.nomob{display: none !important;}


#openPerfil form span{display: block; width: auto; clear: both;}

.escalas .ModuleQuestions_Q{font-size: 13pt;}

.ventajas h2, .video h2, .grafico h2, .avatar h2{color: #f17600 !important; background: #fff !important;}

#texto li{width:40%;}

.subtitleresults{
    font-size: 11pt;
    padding: 10px !important;
}

.boxprice1{width:250px; background-position-x: -60px; height: 240px; display: block; margin:0 auto; }
.boxprice1 .fullprice{
    top: 55px;
    left: 150px;
}

.boxprice2{width:320px; height: 210px; display: block; margin:0 auto; }
.boxprice2 .fullprice{
    top: 40px;
    left: 42px;
}
.boxprice2 .fullprice b{font-size:27pt; margin-top: -10px;}
.boxprice2 .fullprice em{font-size: 10pt; line-height: 15px;}

.headperfil {height:300px !important;}
.headlogged {height:400px !important;}

.intropide {
   font-size: 12pt;
}

.fd_over{
   background: url(https://go.bevrand.com/images/Landing_mb-4.jpg) no-repeat;
   background-size: cover;
}

.pre-data{
    width: 90%;
    margin-top: 100px;
}
.pre-data h1{
    font-size: 15pt;
}
.pre-data h1 em{
    font-size: 11pt;
    margin-top:0px;
}
#formfinaliza{
   margin-top:0px !important;
}

.pre-data h1 em{
    font-size: 9pt;
}

#formfinaliza label{
   font-size:8pt;
}

#formfinaliza #nombre, #formfinaliza #email {
    padding: 8px;
    margin-bottom: -5px;
}
#formfinaliza .botonmdificar{
   margin-top:-10px;
   border: 0px;
}

.content_1024{text-align: center;}
.title-dimension em{display:none;}
.expventaja, .expdesventaja, .explicagrafico{display:none;}

.puntosfuertes, .titulograficoponderado, .puntomejora {
    display:block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: url(https://go.bevrand.com/images/arrow3.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    font-weight: bold;
    color: #fff !important;
    margin: 0 auto;
    padding: 10px 20px !important;
    text-align:left;
    margin-bottom: 20px;
    width:100%;
    font-size:12pt !important;
}

.puntosfuertes{
   background: #4baf47;
}

.puntomejora{
    background: #e4001f;
}

.titulograficoponderado{
    background: #f4762b;
}

.h2nomovil{display:none !important;}

.bloqueventaja{display: block; width:90%; margin: 0 auto; clear: both;}

.compra .detalles h3{font-size:18pt;}
.compra .detalles h3 em{font-size:18pt; margin-top: 10px; display:inline-block; clear: inherit;}
.videocarrusel{margin-top:30px; width: 100% !important; display: block !important;}
.videoexplicativo{margin-bottom: 30px !important;}
.ecommerce{padding:0px;}
.ecommerce .container{padding:0px;}
#texto li img{display: inherit; clear: inherit; display: inline-block; vertical-align:middle;}
.pedircita{width: 100%;}
.top-menu li a{padding:10px !important;}

.modificabox .large select{width:-webkit-fill-available !important;}
.modificabox form .direccion input[name="direccion"]{width:-webkit-fill-available !important;}
.modificabox form .direccion input[name="piso"], .modificabox form .direccion input[name="puerta"], .modificabox form .direccion input[name="escalera"]{width:30%;}

.pedidos li b.p_fecha{width: auto; margin-right: 10px;}
.pedidos li b.p_amount {width: 100%; text-align: right;}

.top-menu li, .top-menu, .topfixed{z-index: 989898989898989898;}
.linkto{z-index: 989898989898989898;}
.top-data{display: block !important;}

.ventajas div{display: block;}
.ventajas .col{display:block; padding:0px;}

.introarquetipo .container, .ventajas .container{
padding: 30px 10px;
}

.pdf_btn{width:100%;}
.pdf_btn i{padding: 15px 20px;}
.pdf_btn span{text-align:center;}

.bv-contenido h1{font-size:22px;}
.boldfield{font-size: 12pt;}

.introquiz{padding: 25px;}
.introquiz div{font-size:13px;}
header center{margin-bottom:0px !important;}

}

@media only screen and (max-width: 380px) {

.breakline{display: block;}

.postreg{
	width: 80%;
	margin: 0 auto;
}	

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: 0px 7px;
	font-size: 8pt;
}


#comments {margin-top: -37px; font-size: 9pt;}
.introarquetipo h2{font-size: 20pt;}
.boxprice2{display: none;}


.pre-data{
    margin-top: 70px;
}


}