/* ==============================================================

Template name : Autodiagnostico - Plantilla de Cuestionario
Categorie : Analysis
Author : GSoft
Version : v1.0.0
Created : 02 agosto 2018
Last update : 06 agosto 2018

============================================================== */
/*FUENTES*/
.overtitle{font-size: 26px;}
.bold{font-family: 'Raleway-Bold', sans-serif;}
.light{font-family: 'Raleway-Light', sans-serif;}
.upper{text-transform: uppercase;}
#corporativo{font-size: 12px;line-height: 14px;white-space: normal;
    max-width: 192px;}
b, strong {
		font-family: 'Raleway-Bold';
	}
/*COLORES*/
.txt-blanco{color: #FFFFFF!important;}
.txt-blue{color:#252830!important;}
.bg-rojo{background-color: #ff2c35; }
.bg-rojo-50{background:rgba(255,44,53,0.5);}
/*MENU*/
.navbar-header{margin-right: auto!important;}
.messageheader {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	padding: 6px;
	margin-bottom: 10px;
	background-color: rgb(67, 161, 16);
	border-radius: 5px;
}
/*
Home
=========================== */
.navbar{background: transparent;}
#home{
	background-color: linear-gradient(133deg, rgba(28,20,74,1) 35%, rgba(28,20,74,0.4) 100%);
	background-image:url(/themes/camaraods/front/img/intro_bg.jpg);
	background-size: cover;
    background-position: center right;
	background-repeat: no-repeat;
	color:#fff;
	min-height: 89vh;
	padding-top:100px;
	padding-bottom: 20px;
}
#idiomas{margin-top: 10px;    flex-direction: row;	flex-wrap: wrap;}
#idiomas a{font-family:'Raleway-Light', sans-serif;}
#idiomas a.active{font-family: 'Raleway-Bold', sans-serif; text-decoration: underline;}
#home h1, #home h2, #home h3, #home h4, #home h5, #home h6{
	color:#fff;
}
.home-container{height: 100%;}
.home-container .row{
	position: relative;
    top: 20%;
}

.txt-intro{max-width: 590px;
    margin: 0 auto;
	margin-bottom: 10px;}
img.icon-start {width: 80%;
    max-width: 600px;
    margin-bottom: 20px;background: #FFF;}
.horizontal-signup{
	position:relative;
	border:none;
	height:80px;
	width:90%;
	background:#fff;
	border-bottom:5px solid #e8e8e8;
	border-radius:5px;
	margin:0 auto;
}

.horizontal-signup .signup-input{
	background:none;
	border:none;
	width:100%;
	display:block;
	color:#4e4e4e;
	padding:25px;
}

.horizontal-signup .signup-button{
	position:absolute;
	background:#232a34;
	color:#fff;
	border:none;
	border-bottom:6px solid #1a2028;
	top:0;
	right:0;
	border-radius:0 5px 5px 0;
	padding:27px 45px 27px 45px;
	font-size:20px;
	line-height:20px;
}
	

.form-wrapp{
	position:relative;
	padding-right:159px;
}
.form-wrapp .form-horizontal{
	background:#fff;
	border-bottom:10px solid rgba(18, 22, 28, 0.95);
	padding:30px;
	border-radius:5px;
}


/***----TEST-----***/
/**ODS Styles**/
#section-info{margin-left: 90px;line-height: 1.4em;
    padding: 10px 20px;
    border-radius: 0px 0px 20px 20px;
    color: #3d1d3d;
    background: rgb(229, 207, 229);
    background: linear-gradient(90deg, rgba(229, 207, 229, 1) 80%, rgb(229 207 229 / 47%) 100%);}
.alert-info-message {
	margin-top: 10px;
	 color: #f6c146;
    line-height: 1.2em;
  background:
    linear-gradient(to right, #f6c146 1px, transparent 1px) 0 0,
    linear-gradient(to right, #f6c146 1px, transparent 1px) 0 100%,
    linear-gradient(to left, #f6c146 1px, transparent 1px) 100% 0,
    linear-gradient(to left, #f6c146 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, #f6c146 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, #f6c146 1px, transparent 1px) 100% 0,
    linear-gradient(to top, #f6c146 1px, transparent 1px) 0 100%,
    linear-gradient(to top, #f6c146 1px, transparent 1px) 100% 100%;

  background-repeat: no-repeat;
  background-size: 20px 20px;}
section.test-screen .col-md-4.cuestion.question-informationaltext{border-right:none;min-height: auto;}
.informationaltext{background: #0c97d1;
    padding: 20px;
    color: #fff;
    border-radius: 10px;}
/*section.test-screen{padding-top: 170px;height: 80vh;}*/
section.test-screen{padding-top: 170px;min-height: 88vh;}
/*section.test-screen .container{height: 50vh;margin: 0 auto;}*/
section.test-screen .col-md-4.cuestion{opacity: 0.2; margin-top:20px; margin-bottom:20px}
section.test-screen .col-md-4.cuestion{min-height:30vh; opacity: 0.2;}
section.test-screen .col-md-4.cuestion.enabled{opacity: 1;}
section.test-screen .col-md-4.cuestion {border-right: 1px solid #515359;}
.cuestion input[type="radio"], input[type="checkbox"] {position: absolute;}

.test .container{
	flex-wrap: nowrap;
}

.navbar.test #idiomas{
	flex-wrap: nowrap;
	background: none;
}

.navbar.test #idiomas li {
	width: auto;
	background: transparent;
	/* float: left; */
	height: auto;
	opacity: 1;
}

.container.prev-next{position: relative;    margin-bottom: 15px;}
.prev-next .btn{min-width: 100px;background: #ED2E75;
    font-size: 16px;
    padding: 15px 40px;
    border-radius: 30px;}

.prev-next .btn:focus{
	background-color: #4a4d53;
	color: #fff;
}


.prev-next .btn:hover{
	background-color: #909194;
}
.btn.btn-prev{float: left;}
.btn.btn-next{float: right;}


.form-check-label{margin-left: 20px;}
input[type=radio]{margin: 6px 0 0;}
body#test-bg-a footer, body#test-bg-b footer {/*position: absolute;*/}
/*seccion-fondo-oscuro*/
body#test-bg-a{background: rgb(28, 21, 74);
    background: linear-gradient(320deg, rgba(28, 21, 74, 1) 79%, rgba(93, 80, 143, 1) 100%);}
#test-bg-a .navbar-header a{color:#FFF;}
#test-bg-a .levels-title h3{color:#FFF;}
#test-bg-b .progreso span{color:#FFF;}
#test-bg-a p{color: #FFFFFF;}
#test-bg-a .btn.dropdown-toggle.bs-placeholder.btn-default{background: transparent;
    border: 2px solid #FFF;
    color: #fff;
    font-family: 'Raleway-Medium', sans-serif;font-size: 16px;}
#test-bg-a label.form-check-label{color: #FFF;}
/*seccion-fondo-claro*/
body#test-bg-b{background:#e9e4e9;}
#test-bg-b .navbar-header a{color:#252830;}
#test-bg-b .levels-title h3{color:#FFF;}
#test-bg-b #poll-header .progreso span{color:#252830!important;}
#test-bg-b p{color: #252830;}
#test-bg-b .btn.dropdown-toggle.bs-placeholder.btn-default{background: transparent;
    border: 2px solid #252830;
    color: #252830;
    font-family: 'Raleway-Medium', sans-serif;font-size: 16px;}
#test-bg-b label.form-check-label{color: #252830;}
/*
section#content-level-1{background-image: url(../img/bg-test-1.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-2{background-image: url(../img/bg-test-2.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-3{background-image: url(../img/bg-test-3.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-4{background-image: url(../img/bg-test-4.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-5{background-image: url(../img/bg-test-5.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-6{background-image: url(../img/bg-test-6.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-7{background-image: url(../img/bg-test-7.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
section#content-level-8{background-image: url(../img/bg-test-8.png);background-repeat: no-repeat; background-size: auto;background-position: center;}
*/

#test-bg-a section.test-screen{
	background-image: url(/themes/camaraods/front/img/lines-bg-06.png);background-repeat: repeat-y;
    background-size: auto;
    background-position: top right;
}
#test-bg-b section.test-screen{
	background-image: url(/themes/camaraods/front/img/forms-bg.png);background-repeat: repeat;
    background-size: contain;
    background-position: top left;
}

#test-bg-b #idiomas a, #test-bg-b #idiomas a:focus, #test-bg-b #idiomas li.active a:active{
	color: #000000;
}

/*INTRODUCCION*/
.intro-presentation h1, .intro-presentation h2, .intro-presentation h3{color: #FFF;line-height: normal;}
.intro-presentation h1{font-size: 40px;}
.intro-presentation h2{font-size: 30px;text-transform: uppercase; font-family: 'Raleway-Light';}
.intro-titles{text-align: left;
    padding: 30px;
    border-left: 2px solid #FFF;}
.intro-presentation h3{font-size: 25px;background: #2eb04a; color: #1c154a;margin: 30px auto;
    margin-bottom: 0px;
    padding: 30px;
    max-width: 800px;
    z-index: 9;
    position: relative;}
.intro-text{background: #FFF;
    padding: 90px 30px 30px 30px;
    column-count: 2;
    column-gap: 30px;
    z-index: 1;
    position: relative;
    margin-top: -50px;
    font-size: 16px;}
#test-bg-a .intro-text p{color: #1d154a; }
.row.divbtnstartintro.text-center{justify-content: flex-end;margin-bottom: 40px;}
/*navegación*/
ul.nav#levels{margin: 0 auto;flex-direction: row;justify-content: center;}
.navbar.test{position: absolute;margin: 0 auto;float: none;width: 100%; padding: 0;}
/* .navbar.test .navbar-collapse{max-width: 800px;} */
.navbar.test li{background:#ffffff;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.navbar.test li{opacity: 0.5; margin-right: 5px;width: 64px;height: 64px;}
.navbar.test li.level-active-done{opacity: 1;}
.navbar.test li.level-active{opacity: 1;}
.navbar.test li.level-active:after {
    z-index: -1;
    position: absolute;
    top: 97.1%;
    left: 70%;
    margin-left: -40%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 15px #ffffff;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.navbar.test.navbar-inverse .navbar-nav li a{padding: 11px;}
.navbar.test li a img{width: 40px; height: 40px;object-fit: contain;}
:root{
	--ods5-color: #ff3a21;
	--ods6-color: #26BDE2;
	--ods7-color: #fec20b;
	--ods8-color: #a11942;
	--ods9-color: #fd6925;
	--ods11-color: #fc9c24;
	--ods12-color: #bf8b2e;
	--ods17-color: #001b8c;
}
.navbar.test li#section-3{background: var(--ods5-color);}
.navbar.test li#section-3.level-active:after{border-top-color: var(--ods5-color);}
section.ods5 .col-md-2.title-img, section.ods5 .levels-title h3{background:var(--ods5-color);}
.navbar.test li#section-4{background: var(--ods6-color);}
.navbar.test li#section-4.level-active:after{border-top-color: var(--ods6-color);}
section.ods6 .col-md-2.title-img, section.ods6 .levels-title h3{background:var(--ods6-color);}
.navbar.test li#section-5{background: var(--ods7-color);}
.navbar.test li#section-5.level-active:after{border-top-color: var(--ods7-color);}
section.od7 .col-md-2.title-img, section.od7 .levels-title h3{background:var(--ods7-color);}
.navbar.test li#section-6{background:var(--ods8-color);}
.navbar.test li#section-6.level-active:after{border-top-color: var(--ods8-color);}
section.ods8 .col-md-2.title-img, section.ods8 .levels-title h3{background:var(--ods8-color);}
.navbar.test li#section-7{background:var(--ods9-color);}
.navbar.test li#section-7.level-active:after{border-top-color: var(--ods9-color);}
section.ods9 .col-md-2.title-img, section.ods9 .levels-title h3{background:var(--ods9-color);}
.navbar.test li#section-8{background:var(--ods11-color);}
.navbar.test li#section-8.level-active:after{border-top-color: var(--ods11-color);}
section.ods11 .col-md-2.title-img, section.ods11 .levels-title h3{background:var(--ods11-color);}
.navbar.test li#section-9{background:var(--ods12-color);}
.navbar.test li#section-9.level-active:after{border-top-color:var(--ods12-color);}
section.ods12 .col-md-2.title-img, section.ods12 .levels-title h3{background:var(--ods12-color);}
.navbar.test li#section-10{background:var(--ods17-color);}
.navbar.test li#section-10.level-active:after{border-top-color:var(--ods17-color);}
section.ods17 .col-md-2.title-img, section.ods17 .levels-title h3{background:var(--ods17-color);}
.navbar-dark .navbar-nav .nav-link {color: #ffffffc7;}
.navbar-collapse.in {
    /* overflow-y: auto; */
    overflow: hidden;
}
/*titulo*/
.col-md-2.title-img{
    background: #2EB04A;
    border-radius: 50%;
    width: 70px;max-width: 70px;
    height: 70px;display: flex;
    align-items: center;
    justify-content: center;}
.levels-title img{width: 39px;height: 64px;object-fit: contain;}
.levels-title h3{font-size: 20px;font-family: 'Raleway-Bold', sans-serif;text-transform: uppercase;line-height: 24px; margin: 0px;
    background: #2eb04a;
    padding: 10px 20px;
    border-radius: 30px;
    width: fit-content;}
/*progreso*/
.progress{max-width: 90%;}
.progress-bar {background-color: #4fbd13;}
.progress-bar span{position: absolute;
    float: right;
    right: 4%;
	font-size: 20px; font-family: 'Raleway-Bold', sans-serif;}




/*contenido*/
.cuestiones{margin-top: 50px;}
.nombre-cuestion{font-family: 'Raleway-Bold', sans-serif; font-size: 18px;}
.info-tooltip{float: right;}
.info-tooltip img{width: 28px; height: 28px;}
.tooltip.left {
	z-index: 999;width:300px;display: inline!important;
}
.tooltip.left .tooltip-arrow{
	border-left-color: #FFFFFF!important; }

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #FFFFFF!important; }

.tooltip.top .tooltip-arrow {
	border-top-color: #FFFFFF!important; }

.tooltip.right .tooltip-arrow {
	border-right-color: #FFFFFF!important; }


.tooltip-inner {
	max-width: 300px;
    /* If max-width does not work, try using width instead */
    width: 290px; 
    background-color: #FFF;
    color: #252830;
    text-align: left;
    padding: 20px 40px;
	border-radius: 6px;font-family: 'Raleway-Medium', sans-serif; font-size: 12px;
}
/*formulario-desplegable*/
#test-bg-a .custom-select{height: auto;
    line-height: 1;
    color: #FFF;border: 2px solid #fff;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size: 10px;}
#test-bg-b .custom-select{height: auto;
    padding: 10px;
    line-height: 1;
    color: #252830;border: 2px solid #252830;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#252830' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center;background-size: 10px;}
/****COMPLETAR***/
.completar section.test-screen {
	padding-top: 100px;
	background: none!important;}

#test-bg-a.completar{
	background: rgb(28, 21, 74);
	background-image: url(/themes/camaraods/front/img/formulario_bg.png);
	background-position:center;
	background-repeat: no-repeat;
	color:#fff;
	background-size: cover;}
.form-row, .form-group{margin-top: 20px;}
.completar form{margin-top: 50px;margin-bottom: 50px;}
.completar label{color: #FFF;}
.completar form option{color: #4D4D4D;}
.completar .form-control {font-size: 15px;}
.valid-feedback, .invalid-feedback {font-size: 100%;}
.custom-select{padding: 13px;}
.infoform-element a{background: #ED2D76;
    color: #FFF;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 20px;}
.infoform-element a:hover{background: #FFF;
	color: #ED2D76;}
/***^RESULTADOS*******/

body#test-bg-b.pag-resultados {background: #f1f1f1;}
.resultado-head{align-items: center;margin-top: 20px;}
.row.resultado-head .btn-group{width: 44%;float: right;}
.row.resultado-head #btnGroupDrop1{padding: 0px;}
#nav-resultados .navbar-nav{margin: 0 auto;}
#nav-resultados{margin-top: 20px;background: #1c154a;overflow: auto;white-space: nowrap;}
#nav-resultados img{width: 22px;height: 22px;margin-right: 5px;}
.nav-item img{opacity: 0.5;}
.nav-item.active img{opacity: 1;}
.icono-p{width: 22px; height: 22px;}
.icono-m{width: 44px; height: 44px;margin-right: 10px;}
span#nombreApellidos{color: #ff2c35; font-family:'Raleway-Bold', sans-serif; margin-right: 10px;max-width: 45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}

/*share*/
span.share{color: #4d6382; font-family:'Raleway-Bold', sans-serif; vertical-align: middle;}
.row.resultado-head .dropdown-toggle::after {display: inline;color: transparent;}
.row.resultado-head .dropdown-menu.show{background-color: #4d6382;min-width: 120px;
    margin-top: 10px;}
.row.resultado-head a.dropdown-item{font-size: 14px;color: #FFF;border-bottom: 1px solid rgba(255,255,255,0.4);}
img.social-share-icon{margin-right: 5px;
    height: 14px;}
a.go-to-start{color: #ff2c35!important;border: 2px solid #ff2c35 ;margin-right: 20px;}
a.go-to-start:hover{background: #ff2c35;color: #FFF!important;}
section.resultados-test{margin-top: 40px; min-height: 70vh;}
/*-->Resultados Contenido*/
.texto-resultado h1{
    text-transform: uppercase;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    font-family: 'Raleway-Medium', sans-serif;}
.texto-resultado .progress {max-width: 79%;height: 3rem;background-color: #acd2ca;}
.texto-resultado .progress-bar {background-color: #358f7c;}
#test-bg-b .texto-resultado .progreso span{right: 3px;color: #358f7c;}
.boldred{color: #ee2e75; font-family: 'Raleway-Bold', sans-serif;}
.important-info{font-size: 20px;font-family: 'Raleway-Light', sans-serif;}
.pag-resultados .container.prev-next{position: initial;}
.resultados-test img{width: 100%;}


.progress-bar.progress-danger {
	background-color: #ff2c35;
}
.progress.progress-danger {
	background-color: rgba(255, 0, 0, 0.4);
}

#test-bg-b .texto-resultado .progreso.progress-danger span{
	color:#ff2c35!important;
}

.progress-bar.progress-warning {
	background-color: #e0cf4b;
}
.progress.progress-warning {
	background-color: rgba(216, 207, 161, 0.5);
}

#test-bg-b .texto-resultado .progreso.progress-warning span{
	color:#8a6d3b!important;
}

span.ident-letra{background: #5b5d65;
    color: #fff;
    padding: 11px 15px;position: relative;
    top: 12px;}
span.ident-letra a {
	color: #fff;
}
.graf-title{line-height: 1.4em;}
span.graf-total {font-family: 'Raleway-Bold', sans-serif;
    font-size: 16px;}
#graf-A span.ident-letra{background: #4d6382;}
#graf-B span.ident-letra{background: #788cab;}
#graf-C span.ident-letra{background: #38547c;}
#graf-D span.ident-letra{background: #8c8cbd;}
#graf-E span.ident-letra{background: #c78f96;}
#graf-F span.ident-letra{background: #fea9ac;}
#graf-G span.ident-letra{background: #ff565e;}
#graf-H span.ident-letra{background: #bd4146;}
.lista-res-graf .row{margin-bottom: 20px;}
/*recomendaciones*/
.reco-acordeon .btn span{color: #262830;}
.reco-acordeon .btn span:before{content:'⌄';font-size: 28px;padding: 10px 10px 10px 0px;}
.reco-acordeon .btn-link:hover{text-decoration: none;}
/*resultados ODS*/
#test-bg-b .texto-resultado p{margin-bottom: 0px;text-align: justify;}
table.recomendations-table{text-align: justify;line-height: 1.6em;}
table.pelos6 h5{color: #dc3b70;}
table.recomendations-table thead th {
    border: 1px solid #FFF;
    padding: 5px;
    background-color: #db3b70;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 500;
    color: #ffffff;
	text-align: center;
}
table.recomendations-table tbody td {
    background: #f1f1f1;
    border: 1px solid #FFF;
    padding: 5px;
}
    table.recomendations-table tbody td.codigo{
        text-align: justify;
    padding: 14px;
    line-height: 1.4em;
    font-size: 13px;
    }

    table.recomendations-table tbody td.priority-1{
        color: #c23100;
    background: #f8e3df;
    
    }
    table.recomendations-table tbody td.priority-2{
            color: #62598e;
    background: #e3dff8;
    }
    table.recomendations-table tbody td.priority-3{
       color: #358f7c;
    background: #e7f9f5;
    }
#test-bg-b table.recomendations-table p {
    color: unset;
}
	body#test-bg-b.pag-resultados{background-image: url(/themes/camaraods/front/img/lines-bg-06.png);background-repeat: repeat-y;
    background-size: auto;
    background-position: top right;}
.pag-resultados .texto-resultado .progress-bar span{font-size: 31px;}
.lista-res-graf{background: #f1f1f1;padding: 30px 0px;}
.icon-ttl-result{display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;margin-bottom: 20px;}
/*
Header
=========================== */
header{
	margin:0;
	padding:0;
	height: auto!important;
}

.sticky {
	position: fixed;
	top: 0;	
	margin:0;
	width:100%;
	animation:thedrop 1s 8;
	-moz-animation:thedrop 1s 8;
	-webkit-animation:thedrop 1s 8;
	z-index:99999;
}

/*
Contain
=========================== */
.contain{
	padding:100px 0 80px 0;
}

.dark-bg{
	background:#232a34;
	color:#fff;
}

.color-bg{
	background-position:0 0;
	background-repeat: repeat;
	color:#fff;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
.color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg h5, .color-bg h6{
	color:#fff;
}

/*
Contact
=========================== */
#contactform{
	float:left;
}

ul.listForm{	
	float:left;
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:46%;
	padding:0;
	margin:0 2% 20px 2%;	
	list-style:none;	
}

ul.listForm li.fullwidth{
	width:96%;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}


/*
Subscribe form
=========================== */
.subscribe-form{
	width:100%;
	position:relative;
	margin:0 auto;
}

input.subscribe{
	position:relative;
	width:100%;
	border:none;
	background:#fff;
	padding:20px;
	border-radius:5px;
	border:3px solid #fff;
	border-bottom:5px solid #e8e8e8;
	font-size:14px;
	color:#4e4e4e;
}

input.subscribe:-moz-placeholder {
  color: #4e4e4e;
}

input.subscribe::-moz-placeholder {
  color: #4e4e4e;
}

input.subscribe:-ms-input-placeholder {
  color: #4e4e4e;
}

input.subscribe::-webkit-input-placeholder {
  color: #4e4e4e;
}

.subscribe-button{
	background:#232a34;
	position:absolute;
	padding:23px 35px 22px 35px;
	border-radius:0 5px 5px 0;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	border:none;
	border-bottom:5px solid #1a2028;
	right:0;
	top:0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;		
}

.subscribe-button:hover{
	color:#fff;
	background:#2f3640;
	border-bottom:5px solid #1e252d;
}

/*
Inner head
=========================== */
.inner-head{
	background-image:url(/front/img/pattern.png);
	background-position:0 0;
	background-repeat: repeat;
	background-attachment:fixed;
	color:#fff;
	position:relative;
	padding:40px 0 40px 0;
}

.inner-head h4,
.inner-head p{
	color:#fff;
	margin-bottom:0;
}


/*
Footer
=========================== */
footer{
	background:#FFFFFF;
	float:left;
	width:100%;
	text-align:center;
	color:#6c737c;
	font-size:12px;
	line-height:12px;
	padding:20px;
	bottom: 0;
}

.copyright{
	margin:0;
	padding:0;
}

.logo-network{
	display: flex;
    margin-bottom: 10px;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.logo-link{
	align-items: center;
    display: flex;
	text-align:center;
	padding-top:5px;
	margin:0 20px 0 20px;
}

.logo-link img{width:188px;height: 48px;
    object-fit: contain;}

/*
Heading
=========================== */
.heading{
	padding-bottom:20px;
	position:relative;
	margin-bottom:40px;
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6{
	margin:0;
}

.heading span.heding-style{
	position:absolute;
	display:block;
	width:20px;
	height:9px;
	left:0;
	bottom:-2px;
	margin:0;
}

.color-bg .heading span.heding-style{
	background:#fff;
}

.heading.centered{
	background-position:bottom center;
	text-align:center;
}

.heading.centered span.heding-style{
	left:50%;
	margin-left:-10px;
}

/*
Divider
=========================== */
.divider{
	float:left;
	width:100%;
	height:1px;
	background:#dfdfdf;
	margin:60px 0 60px 0;
	padding:0;
}
/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginbot-min40{
	margin-bottom:-40px;
}

.margintop-min15{
	margin-top:-15px;
}

/*Button*/
.btn.btn-default.btn-bavel.btn-lg.btn-scroll.btnstartfromintro{margin: 20px;}
/*
Custom responsive
=========================== */
@media (min-width: 1200px) {
	.fullscreen{
		margin-top:50px;
	}
}
@media (max-width:  990px){
	#section-info {
		margin-left: 0px;}
	.intro-text {
		column-count: 1;
		padding: 20px;
		margin: 10px;
		font-size: 14px;
    line-height: 1.3em;
	}
	.levels-title h3 {font-size: 17px;}
	.intro-presentation h1 {font-size: 30px;}
	.intro-presentation h2 {font-size: 20px;}
	.intro-titles {
    text-align: left;
    padding: 20px;
    margin-left: 20px;
    border-left: 1px solid #FFF;}
	/*resultados*/
	body#test-bg-b.pag-resultados {
		background-size: 50%;}
	body.pag-resultados header, body.pag-resultados .resultados-test { background: #ffffffb0;}
}
@media (min-width: 768px) and (max-width: 990px) {
	.navbar-inverse .navbar-nav li a{
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
	}
	.dropdown-menu {
	  left:-100%;
	}
	#introduce .col-md-4.margintop20{
		margin-bottom:40px;
	}
	/*iPad*/
	.col-md-3 {-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
	.col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;}
	#nav-resultados{display: block;min-height: auto;padding-right: 30px;padding-left: 60px;}
	#nav-resultados button{float: right;}
}

@media (max-width: 768px) {
	/*header inicio*/
	.navbar.navbar-inverse.inicio.sticky{padding: 0;}
	.navbar.navbar-inverse.inicio.sticky .container{padding: 0;}
	.navbar.navbar-inverse.inicio.sticky .navbar-header{margin-left: 15px;}
	.navbar.navbar-inverse.inicio.sticky .pull-right{width: 100%;}
	.navbar.navbar-inverse.inicio.sticky .pull-right ul{margin: 0 auto;}  
	 .navbar-inverse #levels.navbar-nav li a:hover, .navbar-inverse #levels.navbar-nav li.active a, .navbar-inverse #levels.navbar-nav li.active a:hover {
        color: transparent;background-color: transparent;
    }
	#idiomas img{max-width: 40px;padding: 5px;}
	#home {
    background-size: inherit;
    height: auto;
    padding-top: 116px;
}
	
	section.test-screen .container{height: auto;margin: 0 auto;}
	section.test-screen {padding-top: 35px;height: auto;}
	h1 {font-size: 23px;line-height: 27px;}
	section.test-screen .col-md-4.cuestion {min-height: auto;margin-bottom: 31px;padding-bottom: 10px;margin-top: 14px;}
	.container.prev-next .row{flex-wrap: wrap-reverse;}
	.container.prev-next .row .col-md-4{width: min-content;}
	.container.prev-next .row .col-md-4:nth-child(2){order: 3;padding: 0px;width: 100%;}
	.navbar-header{width: 100%;margin: 0 auto;}
	.navbar.test {position: inherit;}
	.navbar.test .container {flex-wrap: wrap;}
	.navbar.test button.navbar-toggle{display: none;}
	body#test-bg-a footer, body#test-bg-b footer {
    position: initial;}
	.navbar-brand {
		padding: 0;}
	.navbar-inverse .navbar-collapse.pull-right{
		clear:both;
		border-top:none;
		float:none;
		width:100%;
		box-shadow:none;
		overflow-x:hidden;
		overflow-y:auto;
		margin:0;
		padding:0 30px 30px 30px;
	}
	.navbar-inverse .collapse li{
		width:100%;
	}
	.navbar-inverse .navbar-nav  li a,.navbar-inverse .navbar-nav  li a:focus,.navbar-inverse .navbar-nav  li a:active{
		padding:10px 20px 10px 20px;
		margin:0 0 1px 0;
		border-radius:4px;
		border:none;
		color:#fff;}
	.resultado-head .col-md-4, .resultado-head .col-md-5 {margin-top: 10px;}
	.lista-res-graf{margin-top: 20px;}
	.lista-res-graf .row{flex-wrap: nowrap;}
	.lista-res-graf .row .col-md-2{width: 15%;}
	.ident-letra{top: auto;}
	.intro-presentation h3 {font-size: 19px;}
	/*header-test*/
	header#principal .navbar-header{order: 2;}
	#corporativo {font-size: 12px;line-height: 12px;padding: 10px;margin-bottom: 8px;}
	header#principal .navbar-collapse{order: 3;}
	.navbar.test li {opacity: 0.5;margin-right: 5px;width: 31px;height: 31px;}
	.navbar.test.navbar-inverse .navbar-nav li a {padding: 5px;}
	.navbar.test li a img {width: 20px;height: 20px;}
	.navbar.test li.level-active:after{left: 42%;
    margin-left: -21%;border-top: solid 8px #ffffff;border-left: solid 8px transparent;border-right: solid 8px transparent;}
	.navbar.test .pull-right{order: 1;width: 100%;}
	.navbar.test #idiomas, #idiomas{background: #9fa1a9;justify-content: flex-end;margin-top: 0px;}
	#test-bg-b #idiomas a, #test-bg-b #idiomas a:focus, #test-bg-b #idiomas li.active a:active, #idiomas a{color: #eaeaea;font-size: 12px;background: #7c7d80;border-radius: 0;border-right: 2px solid #9fa1a9;}
	/*contenido-test*/
	.col-md-2.title-img{ float: left;margin: 0px 10px;width: 57px;height: 57px;}
	.levels-title img {width: 27px;height: 51px;}
	.levels-title .col-md-10{float: right;width: 70%;}
	.progress {max-width: 82%;}
	.container.prev-next {bottom: auto;padding: 20px 15px;background: #ffffffb0;}
	section.test-screen .col-md-4.cuestion {border-right: none;}
	.messageheader{width: 100%;}
	.informationaltext{font-size: 13px;line-height: 1.4em;}
	/*completar-test*/
	.completar section.test-screen {padding-top: 44px;}
	/*footer*/
	.logo-link {margin: 5px 10px;}
	.logo-link img {width: 135px;}
	/*resultados*/
	#nav-resultados{white-space: normal;}
	.navbar-dark .navbar-nav .nav-link {display: flex;}
	#nav-resultados.navbar:before, #nav-resultados.navbar:after{display: none;}
	.resultado-head .icono-m {width: 20px;}
	#nav-resultados {margin: 0px;}
	section.resultados-test {padding-top: 40px;margin-top: 0px;}
	.resultado-head {margin-top: 0px;}
	.resultados-test img{width: 100%;}
	header#principal .resultado-head .navbar-header{order: 1;margin: 0;border-bottom: 1px solid #e2e2e2;}
	.resultado-head .col-md-4{order: 2;}
	.resultado-head .col-md-5{max-width: 100%;flex: auto;order: 3;}
	.resultado-head .col-md-5 a:nth-child(2){float: right;font-size: 13px;}
	a.btn.go-to-start{padding: 5px;}
	.row.resultado-head .btn-group{float: inherit;}
	#test-bg-b .texto-resultado .progreso span {right: 16px;font-size: 16px;}
	.texto-resultado .progress {max-width: 72%;}
	span.bars-ttl-txt{font-size: 14px;line-height: 1.2em;}
	h3.bars-ttl { display: flex;line-height: 18px;}
	.container.prev-next .col-md-2{ width: 50%;}
	.container.prev-next .col-md-8{display: none;}
	.texto-resultado h1{margin-bottom: 0px;font-size: 26px;}
}

@media only screen and (max-width: 650px) {
	.intro h3{
		font-size:36px;
		line-height:42px;
		margin-bottom:40px;
	}
	.form-wrapp{
		position:relative;
		padding-right:0;
	}
	.form-image{
		display:none;
	}
}
@media all and (max-width:420px){
	a.btn.go-to-start{margin-right: 5px;}
	.resultado-head .col-md-5 a:nth-child(2) {
    float: inherit;    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
		vertical-align: middle;}
	.icono-m {
    width: 28px;
    height: 28px;
    margin-right: 5px;}
}



.clksection {
	cursor:pointer;
}

.dropdown-menu.show {
	z-index: 9999993;
}



.star-rating {
	line-height:32px;
	font-size:1.25em;
}

.star-rating .fa-star-o{color: #FFFFFF;padding:5px}
.star-rating .fa-star{color: #ff2d35;padding:5px}
.slider-selection.tick-slider-selection {
	background-image: linear-gradient(to bottom, #ff2d35 0%, #ff2d35 100%);
}
.slider-handle{
	background-image: linear-gradient(to bottom, #ff2d35 0%, #FF8482 100%);
}

.slider-tick.in-selection{
	background-image: linear-gradient(to bottom, #ff2d35 0%, #ff2d35 100%);
}

.slider-tick-label{
	color: #FFFFFF;
}

.slider.slider-horizontal{
	width:95%
}
/*NAVBAR*/
.navbar-toggler{background-color: #ED2D76;}