/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0;font:0.625em/1.231 sans-serif}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:27px 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@font-face{
	font-family:ff-meta-web-pro;
	src:url(https://fonts.typekit.net/af/6962e8/0000000000000000000175c2/27/l?subset_id=1&fvd=i4)
		format("woff2");
	font-weight:400;
	font-style:italic;
}
@font-face{
	font-family:ff-meta-web-pro;
	src:url(https://fonts.typekit.net/af/473bbe/0000000000000000000175c1/27/l?subset_id=1&fvd=n4)
		format("woff2");
	font-weight:400;
	font-style:normal;
}
@font-face{
	font-family: 'MetaPro';
	src: url('../fonts/MetaPro-Black.eot');
	src: url('../fonts/MetaPro-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MetaPro-Black.woff2') format('woff2'),
		url('../fonts/MetaPro-Black.woff') format('woff'),
		url('../fonts/MetaPro-Black.ttf') format('truetype'),
		url('../fonts/MetaPro-Black.svg#MetaPro-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face{
	font-family: 'MetaPro';
	src: url('../fonts/MetaPro-Medium.eot');
	src: url('../fonts/MetaPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MetaPro-Medium.woff2') format('woff2'),
		url('../fonts/MetaPro-Medium.woff') format('woff'),
		url('../fonts/MetaPro-Medium.ttf') format('truetype'),
		url('../fonts/MetaPro-Medium.svg#MetaPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face{
	font-family: 'MetaPro';
	src: url('../fonts/MetaPro-Bold.eot');
	src: url('../fonts/MetaPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MetaPro-Bold.woff2') format('woff2'),
		url('../fonts/MetaPro-Bold.woff') format('woff'),
		url('../fonts/MetaPro-Bold.ttf') format('truetype'),
		url('../fonts/MetaPro-Bold.svg#MetaPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face{
	font-family: 'GTWalsheimProRegular';
	src: url("../fonts/GTWalsheimProRegular.eot");
	src: url("../fonts/GTWalsheimProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/GTWalsheimProRegular.woff2") format("woff2"), url("../fonts/GTWalsheimProRegular.woff") format("woff"), url("../fonts/GTWalsheimProRegular.ttf") format("truetype"), url("../fonts/GTWalsheimProRegular.svg#GTWalsheimProRegular") format("svg");
	font-weight: normal;
	font-style: normal;
 }
@font-face{
	font-family: 'GTWalsheimProBold';
	src: url("../fonts/GTWalsheimProBold.eot");
	src: url("../fonts/GTWalsheimProBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GTWalsheimProBold.woff2") format("woff2"), url("../fonts/GTWalsheimProBold.woff") format("woff"), url("../fonts/GTWalsheimProBold.ttf") format("truetype"), url("../fonts/GTWalsheimProBold.svg#GTWalsheimProBold") format("svg");
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'GTWalsheimProBold-Oblique';
	src: url("../fonts/GTWalsheimProBold-Oblique.eot");
	src: url("../fonts/GTWalsheimProBold-Oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/GTWalsheimProBold-Oblique.woff2") format("woff2"), url("../fonts/GTWalsheimProBold-Oblique.woff") format("woff"), url("../fonts/GTWalsheimProBold-Oblique.ttf") format("truetype"), url("../fonts/GTWalsheimProBold-Oblique.svg#GTWalsheimProBold-Oblique") format("svg");
	font-weight: bold;
	font-style: italic;
}
@font-face{
	font-family: 'GTWalsheimProRegular-Oblique';
	src: url("../fonts/GTWalsheimProRegular-Oblique.eot");
	src: url("../fonts/GTWalsheimProRegular-Oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/GTWalsheimProRegular-Oblique.woff2") format("woff2"), url("../fonts/GTWalsheimProRegular-Oblique.woff") format("woff"), url("../fonts/GTWalsheimProRegular-Oblique.ttf") format("truetype"), url("../fonts/GTWalsheimProRegular-Oblique.svg#GTWalsheimProRegular-Oblique") format("svg");
	font-weight: normal;
	font-style: italic;
}
@font-face{
    font-family: 'GTWalsheimProMedium';
    src: url('../fonts/GTWalsheimProMedium.eot');
    src: url('../fonts/GTWalsheimProMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GTWalsheimProMedium.woff2') format('woff2'),
        url('../fonts/GTWalsheimProMedium.woff') format('woff'),
        url('../fonts/GTWalsheimProMedium.ttf') format('truetype'),
        url('../fonts/GTWalsheimProMedium.svg#GTWalsheimProMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
 .desktopOnly{display: block;}
 .desktopOnly__inline{display: inline}
 .mobileOnly{display: none;}
iframe[name='google_conversion_frame']{
	height: 0px;
	display: block;
}
.is-tablet .youtube-container:after{
	content: '';
    display: block;
    width: 100%;
    background-color: transparent;
    height: 75px;
    position: absolute;
    top: 0px;
}
.youtube-container{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube-container iframe.youtube{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
html,
button,
input,
select,
textarea{
    color: #000;
}
html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
html{
	font-size: 1em;
	line-height: 1.4;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

*,
*::before,
*::after{
  box-sizing: border-box;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection{
    background: #b3d4fc;
    text-shadow: none;
}

::selection{
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 10px 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video{ vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */

fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea{ resize: vertical; }


.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clear:before,
.clear:after{ content: " "; display: table;}
.clear:after{ clear: both;}
.clear{ *zoom: 1;}

.clearfix{
	clear: both;
}

.hidden{
    display: none!important;
    visibility: hidden;
}
.showonmobile{ display: none !important; }
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.strong{
	font-weight: 700;
}

.home .pt-0{ padding-top: 0px; }
.home .pb-20{ padding-bottom: 20px; }

html.sr-control{
	background-color: #e7e7e7;
	color: #000;
}
.color-red{ color: #D50A2C; }
body{
/*
	font: normal 19px "GTWalsheimProRegular", helvetica, arial, sans-serif;
	line-height: 1.5;
*/
	font-family: "GTWalsheimProRegular", helvetica, arial, sans-serif;
	font-weight: normal;
/* 	font-family: 'Open Sans', Arial, Helvetica, sans-serif; */
	font-size: 16px;
	line-height: 24px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	        font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000000;
	-webkit-transition: all .2s linear;
	transition        : all .2s linear;
	-moz-transition   : all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition     : all .2s linear;
/*
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
*/
}

h1,
.h1{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 50px;
	line-height: 58px;
	padding: 20px 0;
	margin: 0;
	max-width: 655px;
}
h2{ font-size: 33px; }
h3{ font-size: 24px; margin-bottom: 8px; }
h4{ font-size: 15px; margin-bottom: 4px; }
h5{ font-size: 12.5px; margin-bottom: 4px; }
h6{ font-size: 11px; margin-bottom: 0; }

h1, h2, h3, h4, h5, h6{
	/* letter-spacing: 0.01em; */
	/* line-height: 1em; */
}
	.h1__subtitle{ max-width: 650px; }

		.h1__subtitle--big{ max-width: 650px; }

h2, .h2{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 33px;
	line-height: 38px;
}
h3, .h3{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
/* 	line-height: 27px; */
	line-height: 32px;
	margin: 10px 0;
}

strong{ font-family: "GTWalsheimProBold", helvetica, arial, sans-serif; }
section.custom_distance{
	margin-bottom: 45px;
    padding: 0px;
}

p,
ul{
	font-size: 19px;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
.content .wrp ul{
	list-style: circle;
	padding-left: 20px;
}
.content .wrp .list-title + ul{
	padding-left: 40px;
}
#header .wrp ul{
	padding-left: 22px;
}
#header .wrp ul li{
		margin: 3px 0px;
}

h3.cta{
	margin: 0px 0px 25px 0px;
}
p.cta{ margin-top: 35px; }
p + h3,
ul + h3{
	margin: 52px 0px 25px 0px
}


a{
	color: #3794F1;
	text-decoration: none;
}
	a:hover{
/* 		color: #000; */
		text-decoration: underline;
	}
ul{
	padding: 0;
	list-style: none;
}
	ul > li > ul{ padding-left: 20px; }
.center{
	text-align: center;
}
.red{ color: #d50a2c; }
.wrp{
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
}
	.wrp--bar{
		border-top: 1px rgba(216, 216, 216, 0.7) solid;
		padding-top: 30px;
	}
		.access .wrp--bar{ border-top: 1px rgba(216, 216, 216, 0.4) solid; }
.content{
	padding-top: 140px;
	padding-bottom: 60px;
/*
	margin-left: 110px;
	margin-right: 110px;
	border-top: 1px #D8D8D8 solid;
	padding-top: 20px;
*/
}
/*
	.content .wrp{
		padding: 0;

	}
*/
.content .wrp img{
	display: block;
	width: 100%;
	max-width: 200px;
	padding: 20px 0 40px;
	display: inline-block;
	margin-right: 40px;
}
.content .wrp .columns img{ max-width: inherit; }
	.content .wrp .mw100{ max-width: 100px; }
	.content .wrp .mw200{ max-width: 200px; }
	.content .wrp .mw300{ max-width: 300px; }
	.content .wrp .mw400{ max-width: 400px; }
	.content .wrp .mw500{ max-width: 500px; }
	.content .wrp .mw550{ max-width: 550px; }
	.content .wrp .mw600{ max-width: 600px; }
	.content .wrp .mw700{ max-width: 700px; }
	.content .wrp .mw800{ max-width: 800px; }
	.content .wrp .mw75{ max-width: 75%; }
	.content .wrp .mw25{ max-width: 25%; }

	.content .wrp .mw100 .mw100,
	.content .wrp .mw200 .mw200,
	.content .wrp .mw300 .mw300,
	.content .wrp .mw400 .mw400,
	.content .wrp .mw500 .mw500,
	.content .wrp .mw550 .mw550,
	.content .wrp .mw600 .mw600,
	.content .wrp .mw700 .mw700,
	.content .wrp .mw800 .mw800,
	.content .wrp .mw75 .mw75,
	.content .wrp .mw25 .mw25 { max-width: 100%; }

.content #header .wrp img{ max-width: inherit; }

.btn,
.btn:visited{
/*
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	line-height: 22px;
	display: inline-block;
	width: auto;
	padding: 13px 20px;
	background-color: #f3f3f3;
	color: #000000;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
	-webkit-font-smoothing: antialiased;
	outline: none;
*/
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border: 2px solid transparent;
	border-radius: 25px;
	min-width: 300px;
	padding: 8px 25px;
/*
    font-size: 1.0000em;
    font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
    font-weight: normal;
    line-height: 1.1em;
*/
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 30px;
	outline: 0;
}
	.btn:hover{
		text-decoration: none;
		background-color: #ececec;
	}
	.btn--submit{
		background-color: #0B72D9;
		border-color: #0B72D9;
		color: #FFFFFF;
	}
		.btn--submit:hover{
			background-color: #3f94e8;
			border-color: #3f94e8;
		}
		.btn--big{
			font-size: 18px;
			line-height: 22px;
			padding: 30px 40px;
		}

	.btn--red,
	.btn--red:visited{
		background-color: #D50A2C;
		border-color: #D50A2C;
		color: #FFFFFF;
	}
	.btn--red:hover{
		background-color: #f8576a;
		border-color: #f8576a;
		color: #FFFFFF;
	}

.home .wrp--bar{
	margin-top: 0px;
	margin-bottom: -20px;
}
.content .wrp img.esquema{
	padding-bottom: 0px;
}
.sendcontent{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #1567BE;
	color: #FFF;
	z-index: 98;
/* 	display: none; */
    transform: translateY(100%);
	transition: all 0.4s cubic-bezier(0.35, 0, 0.25, 1);
}
	.sendcontent__wrp{
		display: table;
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		transition: opacity 0.2s linear;
	}
	.sendcontent h3{
		font-size: 22px;
		line-height: 28px;
		width: 180px;
		display: table-cell;
		padding: 0;
		padding: 36px 30px 30px 30px;
		box-sizing: content-box;
	}
	.form-response,
	.sendcontent.sendcontent--ok form{
		display: none;
	}
	.sendcontent--ko .form-response--ko{ display: block; }
	.sendcontent--ok .form-response--ok,
	.sendcontent form{
		display: table-cell;
		padding: 24px 0 12px 0;
		width: 680px;
	}
		.sendcontent form .controls{
			float: left;
		}
/* 			.sendcontent fieldset label{ margin: 0; } */
			.sendcontent form .control-group.control-group--legal{ margin-top: 0; }
				.sendcontent form .control-group.control-group--legal+.control-group--legal{ margin-top: 7px; }
		.sendcontent form input[type="text"]{
			width: 328px;
		}
		.sendcontent form .btn{
/*
			width: 220px;
			min-width: auto;
*/
			border: 1px #FFF solid;
			margin-left: 30px;
			margin-top: 2px;
		}
	.sendcontent__close{
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
/* 		background-color: #0B72D9; */
		cursor: pointer;
		z-index: 20;
	}
		.sendcontent__close:before,
		.sendcontent__close:after{
			position: absolute;
			top: 15px;
			left: 25px;
			content: ' ';
			height: 18px;
			width: 2px;
			background-color: #FFF;
			border-radius: 3px;
		}
			.sendcontent__close:before{ transform: rotate(45deg); }
			.sendcontent__close:after{ transform: rotate(-45deg); }

	.sendcontent__form{
		position: relative;
		z-index: 10;
	}

	.sendcontent__cta{
		position: absolute;
		top: 0;
		height: 70px;
		display: none;
		opacity: 0;
		pointer-events: none;
	}
/*
	.btn.btn--more-info{
		background-color: #0B72D9;
		border-color: #0B72D9;
		color: #FFF;
		position: fixed;
		bottom: 30px;
		right: 30px;
		width: 80px;
		height: 80px;
		min-width: auto;
		border-radius: 50%;
		text-indent: -9999px;
		border: 3px #FFF solid;
		z-index: 997;
	}
		.btn.btn--more-info:hover{
			background-color: #d50a2c;
			border-color: #d50a2c;
		}
*/

input[type="text"],
input[type="file"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select,
.customSelect,
div.tagsinput{
	position: relative;
	font-size: 19px;
	line-height: 30px;
	font-family: "GTWalsheimProRegular", helvetica, arial, sans-serif;
	font-weight: normal;
	z-index: 3;
	background-color: #FFF;
	border: 1px solid #D8D8D8;
	color: #848A96;
	width: 100%;
	padding: 10px 12px;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;



}
	::placeholder{ color: #92979C; }

	textarea{ min-height: 148px; }
	input[type="file"]{ padding: 10px 15px; }
		select.select--small,
		.customSelect.select--small{ width: 80px !important; }
		select.select--inline-block,
		.customSelect.select--inline-block{ display: inline-block !important; }

	select option:hover,
	select option:focus,
	select option:active,
	select option:checked
	{
		background: linear-gradient(#0088CC,#0088CC);
		background-color: #0088CC !important; /* for IE */
	}

	textarea:focus,
	input[type="text"]:focus,
	input[type="file"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus,
	textarea:focus,
	select:focus{
		color: #495057;
		background-color: #fff;
		border-color: #80bdff;
		outline: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	input:-webkit-autofill,
	input:focus:-webkit-autofill{
		-webkit-box-shadow: 0 0 0px 1000px white inset;
		-webkit-text-fill-color: #222 !important;
	}
		input.disabled:-webkit-autofill,
		input.disabled:focus:-webkit-autofill{
			-webkit-box-shadow: 0 0 0px 1000px #F1F1F1 inset;
			-webkit-text-fill-color: #AFAFAF !important;
		}

	.input-switch{
		color: #FFF !important;
		background-color: #0a72d9;
		width: 20px !important;
		height: 20px;
		position: relative;
		display: inline-block !important;
		margin: 0;
		cursor: pointer;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		padding: 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: center center;
	}

		.input-switch i{ cursor: pointer; }
		.input-switch input{
			position: absolute;
			opacity: 0;
			width: 100%;
			height: 100%;
			filter: alpha(opacity=0);
		}
		.input-switch input:checked+i:before{
			top: 50%;
			right: 5px;
			bottom: 50%;
			left: 50%;
			border-width: 0;
			border-radius: 4px;
		}
		.input-switch i:before{
			position: absolute;
			top: -1px;
			right: -1px;
			bottom: -1px;
			left: -1px;
			background-color: #fff;
			border: 1px solid #D8D8D8;
			border-radius: 4px;
			content: "";
/*
			-webkit-transition: all .2s;
			transition: all .2s;
*/
		}
/*
		.input-switch input:checked+i:after{ margin-left: 17px; }
		.input-switch i:after{
			position: absolute;
			top: 1px;
			bottom: 1px;
			width: 22px;
			background-color: #fff;
			border-radius: 50%;
			content: "";
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
			box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
			-webkit-transition: margin-left .3s;
			transition: margin-left .3s;
		}
*/
	fieldset{ width: 100%; }
	fieldset label{
		font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		display: block;
		margin: 10px 0;
	}
		fieldset label.checkbox{
			position: relative;
			padding-left: 32px;
			font-family: "GTWalsheimProRegular", helvetica, arial, sans-serif;
			font-weight: normal;
			font-size: 13px;
			line-height: 20px;
		}
			.gdpr__options{ padding-left: 40px; }
				.gdpr__options label{
					margin-top: 0;
					display: block;
				}
			fieldset label.checkbox .input-switch{
				position: absolute;
				left: 0;
				top: 0;
			}
		fieldset label i{
			font-size: 12px;
			font-weight: 400;
			cursor: help;
		}
	form .control-group{ margin: 0 0 20px 0; }
		form .control-group.control-group--legal{
			margin-top: 51px;
			margin-bottom: 0;
		}
			form .control-group.control-group--legal+.control-group--legal{ margin-top: 0; }
/* 			form .control-group.control-group--legal label{ margin-top: 10px; } */
		form .control-group__btns{
			margin-top: 40px;
		}
			form .control-group__btns .btn{ width: 100%; }

/* 	.form-access{ max-width: 500px; } */

	form span.error{
		color: #d70025;
		display: block;
		padding-top: 5px;
		font-size: 15px;
	}
	.sendcontent form span.error{ color: #ff758c; }

	.alert--error{
		color: #d70025;
	}

.bgcolor-gray{ background-color: #F7F8F9; }

.box{ padding: 30px 0; }

.breadcrumb{
	margin-bottom: 20px;
	color: #c1c1c1;
}
	.breadcrumb a{ color: #9c9c9c; }

/* HEADER */

header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	}
	.header__logo{
		width: 280px;
		height: 70px;
		text-indent: -9999px;
		display: block;
		margin: 40px 20px 20px -90px;
		background: url("../img/logo-red-black.png") no-repeat 0 0;
	}
		.is-tablet .header__logo,
		.is-section .header__logo{ background-image: url("../img/logo-white.png"); }
		.access .header__logo{ background-image: url("../img/logo-red-white.png"); }
/*
		.home .header__logo,
		.error .header__logo,
		.install .header__logo{ background-image: url("../img/logo-red-black.png"); }
*/
	.modal#modal--menu .header__logo{
		background: url("../img/logo-white.png") no-repeat 0 0;
	}
	.modal .header__logo{
		margin: 0px 100px 30px 60px;
	}
	.header__menu{
		display: none;
	}
		.menu--opened .header__menu{
			display: block;
		}
	.header__menu__trigger,
	.modal__close{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #D50A2C;
		cursor: pointer;
	}
		.install .header__menu__trigger{ display: none; }
		.menu__trigger{
			width: 100%;
			height: 100%;
			padding: 40px 38px;
			display: block;
			box-sizing: border-box;
			cursor: pointer;
		}
			.menu__trigger__bar{
				background-color: #FFF;
				width: 23px;
				height: 3px;
				margin-top: 5px;
				display: block;
				border-radius: 3px;
			}
				.menu__trigger__bar:first-child{ margin-top: 0; }

.home-pre .columns{

}
.home-pre .columns .col{
	width: 50%;
	padding: 0px;
	margin-top: 20px;
}
.home-pre .columns .col img{
	max-width: inherit;
	width: 170px;
	padding: 0px;
	margin-left: 40px;
}
.home-pre h2{ margin-top: 0px; }

.home .columns{

}
.home .columns .col{
	padding: 0px;
	margin-top: 0px;
}
.home .columns .col.first-child{ width: 175px; }
.home .columns .col.last-child{ padding-left: 30px; width: 475px; }
.home .columns .col img{
	padding: 0px;
	margin-top: 0px;
}


footer{
/* 	margin-top: 60px; */
	position: relative;
	background: #393C40;
	color: #dfe3e8;
	padding: 40px 0;
	font-size: 13px;
	line-height: 20px;
	z-index: 10;
}
	footer p{ margin: 0; }
	footer a{
		color: #dfe3e8;
	}
		footer a:hover{
			color: #FFF;
			text-decoration: none;
		}
	.footer__menu{
		font-size: 1em;
		float: right;
		text-align: right;
	}
		.footer__menu li{
			display: inline-block;
			margin-right: 25px;
		}
			.footer__menu li:last-child{ margin-right: 0; }
	.footer__text{
		font-size: 13px;
		line-height: 20px;
	}

.modal-opened{ overflow: hidden; }
.modal{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	background-color: #FFF;
	color: #000;
	width: 100%;
	height: 100%;
	display: none;
	overflow-y: auto;
}
	.modal#modal--menu{
		background-color: transparent;
		color: #FFF;
		width: 0;
		right: 0;
		left: auto;
		z-index: 999;
		-webkit-transition: all .2s;
		transition: all .2s;
	}
		.menu-opened header,
		.menu-opened .content,
		.menu-opened footer{
			-webkit-filter: blur(1px);
			-moz-filter: blur(1px);
			-o-filter: blur(1px);
			-ms-filter: blur(1px);
			filter: blur(1px);
		}
		.menu-opened .modal#modal--menu,
		.menu-opened:before,
		.menu-opened:after{ width: 750px; }
/* 			.menu-opened .modal#modal--menu{ background-color: transparent; } */
		.menu-opened:before{
			position: fixed;
			display: block;
			content: "";
			top: 0;
			right: 0;
			height: 100%;
			background-color: #D50A2C;
			mix-blend-mode: multiply;
			z-index: 998;
			-webkit-transition: all .2s;
			transition: all .2s;
		}
		.menu-opened:after{
			position: fixed;
			display: block;
			content: "";
			top: 0;
			right: 0;
			height: 100%;
			background-color: rgba(213, 10, 44, 0.8);
			z-index: 998;
			-webkit-transition: all .2s;
			transition: all .2s;
		}
		.modal#modal--menu .modal__content{
			padding-left: 80px;
			margin-top: 60px;
			width: 620px;
		}
		.modal#modal--menu .modal__content.zones-menu--numbers{
			margin-top: 0px;
		}
		.modal#modal--menu .modal__content.zones-menu--numbers h3{ margin-bottom: 26px;}
		.menu__overlay{
			position: fixed;
			display: block;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 99;
		}
		.menu__overlay:before{
			position: fixed;
			display: block;
			content: "";
			top: 0;
			right: 750px;
			width: 100px;
			height: 100%;
			z-index: 100;
			background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
			background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
			background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
			background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
		}
		.modal#modal--menu ul li a{
/*
			font-size: 23px;
			line-height: 27px;
*/
			color: #FFF;
/*
			font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
			font-weight: normal;
			margin-bottom: 5px;
			display: block;
			padding: 8px 0;
			text-decoration: none;
*/
		}
		.modal#modal--menu ul li .zones-menu--numbers a:hover{ color: #7b0014; }
		.modal#modal--menu .zones-menu ul > li > a{ border-color: rgba(217, 217, 217, 0.4); }
		.modal#modal--menu .zones-menu ul > li > a:after{ border-color: #FFF; }
			.modal#modal--menu .zones-menu ul > li > a:hover:after{ border-color: #7b0014; }
			
		.zones-menu > ul > li,
		.zones-menu > .home > ul > li{
			margin-bottom: 10px;
			border-bottom: 1px solid rgba(217, 217, 217, 0.4);;
		}
		.zones-menu > ul > li:last-child,
		.zones-menu > .home > ul > li:last-child{
			border-bottom: none;
		}
		.zones-menu ul > li > a:after{
			content: '';
			position: absolute;
			right: 0px;
		}
		.modal#modal--menu ul li a:hover{
			color: #7b0014;
		}
		.content .zones-menu ul > li > a:hover{
			color: #7b0014!important;
			cursor: pointer;
		}
		.modal#modal--menu .zones-menu ul > li > a.go-home:after{ content: none; }
	.modal--wrp{
		padding: 40px 0;
		position: relative;
	}
	.modal--wrp .zones-menu.box{
		padding: 10px 60px 30px 60px;
	}
	.menu-opened .modal#modal--menu .zones-menu.box .wrp{ padding-top: 0px; }
	.modal__close{
		background-color: transparent;
	}
		#modal--menu .modal__close{ background-color: #D50A2C; }
		.modal__close:before,
		.modal__close:after{
			position: absolute;
			top: 35px;
			left: 50px;
			content: ' ';
			height: 30px;
			width: 3px;
			background-color: #000;
			border-radius: 3px;
		}
			#modal--menu .modal__close:before,
			#modal--menu .modal__close:after{ background-color: #FFF; }
			.modal__close:before{ transform: rotate(45deg); }
			.modal__close:after{ transform: rotate(-45deg); }
/*
	#modal--more-info .form-response,
	#modal--more-info .form-response__error{ display: none; }
*/
/*
		#modal--more-info.error .form-response__error{
			display: block;
			text-align: center;
			color: #d50a2c;
			margin: 20px auto -20px auto;
		}
		#modal--more-info.success .form-response{
			display: block;
			text-align: center;
			margin-top: 220px;
		}
*/
/*
	#modal--more-info form{
		margin: 20px auto 0 auto;
		max-width: 500px;
	}
		#modal--more-info.success form{display: none;}
*/

.access{
	background: url("../img/background-access.jpg") no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
/*
    background-color: #a00620;
    background-blend-mode: multiply;
*/
    background-position: center
}
	.access footer{ background: transparent; }
	.access,
	.access h1.color-red{ color: #FFF; }

	.access form a{
		color: #FFF;
		text-decoration: underline;
	}
.access form span.error{
	color: white;
	font-style: italic;
}
.access h1{ max-width: inherit; }
.access h2{
	color: white;
	margin-top: 0px;
	max-width: inherit;
}
.cols{
	margin-left: -15px;
	margin-right: -15px;
}
	.col{
		float: left;
		padding-right: 15px;
		padding-left: 15px;
	}
		.col--2{
			width: 50%;
		}


.zones-menu + h3{ margin-top: 56px; }

.zones-menu--numbers{
	padding: 0px 80px;
	width: 100%!important;
}
.zones-menu .wrp ul{ padding: 0px;}
.zones-menu.box .zones-menu--numbers li{
	background-color: #D50A2C;
}
.content .zones-menu ul > li > a{ color: black; cursor: default; }
.content .zones-menu ul > li > a:hover{ color: black; }
.content .zones-menu.box .zones-menu--numbers li{
	cursor: pointer!important;
/*
	cursor: pointer!important;
    background: white;
    border: 2px solid #D50A2C;
*/
}
.content .zones-menu.box .zones-menu--numbers li a{
/* 	color: #D50A2C; */
	color: white;
}
.content .zones-menu.box .zones-menu--numbers li:hover{
	background-color: #9f0014;
}
.content .zones-menu.box .zones-menu--numbers li:hover a{
	color: white;
}
.zones-menu.box .zones-menu--numbers li.active{
	background-color: white;
}
.zones-menu.box .zones-menu--numbers li:hover{
	background-color: #9f0014;
}
.zones-menu.box .zones-menu--numbers{
	padding: 0px;
}
.zones-menu.box .zones-menu--numbers a{
	line-height: 80px;
	padding: 8px 20px;
	color: white;
	font-size: 19px;
}
.zones-menu.box .zones-menu--numbers a:after{
	content: none;
}
.zones-menu--numbers h3{
	font-size: 1.4em;
	text-align: left;
	margin-bottom: 26px;
}
.zones-menu--numbers ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
}
.zones-menu--numbers ul > li{
	display: inline-block;
	width: auto;
	width: 100px;
	height: 100px;
	background-color: rgba(0,0,0,.1);
	margin: 1px 1px 0 0;
}
.zones-menu--numbers ul.flex-text{
	padding-left: 0px;
}
.zones-menu--numbers ul.flex-text > li{
	width: calc(50% - 1px);
	height: auto;
}
.zones-menu--numbers ul.flex-text > li a{ line-height: 1.4em; }
.zones-menu--numbers ul > li:hover{
	background-color: rgba(0,0,0,.2);
}
.zones-menu--numbers ul > li.active{
	background-color: white;
}
.zones-menu--numbers ul > li.active a{
	color: #D50A2C!important;
}
.zones-menu--numbers ul > li > a{
    position: relative;
	display: block;
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 45px;
	outline: 0;
	text-decoration: none;
	line-height: 100px;
	text-align: center;
}
.zones-menu ul > li > a{
	position: relative;
	display: block;
/* 	border-top: 1px rgba(217, 217, 217, 0.70) solid; */
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
/*
	font-size: 30px;
	line-height: 45px;
*/
	font-size: 19px;
	line-height: 1.5em;
	color: #D50A2C;
	padding: 6px 20px 6px 0px;
	outline: 0;
	text-decoration: none;
}
	.zones-menu ul > li > a:hover{ color: #7b0014; }
	.zones-menu ul > li:first-child > a{ border-top: none; }
/* 	.zones-menu ul > li:last-child > a{ border-bottom: 1px rgba(217, 217, 217, 0.70) solid; } */

	.zones-menu ul > li > a:after{
/* 		content: ""; */
		display: block;
		position: absolute;
		top: 50%;
		right: 3px;
		margin-top: -9px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		border: solid #d9d9d9b3;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 5px;
		transition: all .1s;
	}
		.zones-menu ul > li.active a:after{
			margin-top: -12px;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
/* 		.zones-menu ul > li.active a:after, */
		.zones-menu ul > li > ul > li > a:after{ display: none; }
		.zones-menu ul > li a:hover:after{ border-color: #7b0014; }

		.zones-menu ul > li > ul{
			padding-left: 0;
			padding-bottom: 10px;
		}
			.zones-menu ul > li > ul > li > a{
				border: none;
				font-family: "GTWalsheimProRegular", helvetica, arial, sans-serif;
				font-weight: normal;
				font-size: 19px;
				line-height: 20px;
			}
				.zones-menu ul > li > ul > li:last-child > a{ border: none; }

	.zones-menu__submenu{ display: none; }
	.zones-menu li.active .zones-menu__submenu{ display: block; position: relative; }
	.zones-menu__singleentries{
		padding-top: 10px;
		border-top: 1px rgba(217, 217, 217, 0.70) solid;
	}
	.zones-menu__singleentries .zones-menu__submenu{ display: block; }

.list-title{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	margin-bottom: 10px;
	margin-top: 20px;
}
h1 + .list-title{ margin-top: 0; }

.showOnRestricted{ display: none; }
.is-tablet .showOnRestricted{ display: block; }
.is-tablet .hideOnRestricted{ display: none; }

.zones-menu .wrp ul.leyenda-qr{
	list-style: none;
	counter-reset: leyenda;
/* 	font-size: .8em; */
	font-size: 16px;
	color: #333;
}
.zones-menu .wrp ul.leyenda-qr li{
	margin: 1px 0px;
}
.zones-menu .wrp ul.leyenda-qr li a{
	color: black;
}
.zones-menu .wrp ul.leyenda-qr li a:hover{
	color: #D50A2C;
}
.zones-menu .wrp ul.leyenda-qr li:before{
	content: attr(data-qr);
    color: white;
    display: inline-block;
    padding: 10px;
    width: 30px;
    height: 30px;
    line-height: 13px;
    text-align: center;
    background: #D50A2C;
    font-weight: bold;
    margin-right: 16px;
    font-size: .7em;
    position: absolute;
}


ul.leyenda,
.content .wrp ul.leyenda{
	list-style: none;
	counter-reset: leyenda;
    color: #9c9c9c;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    bottom: 55px;
    right: 0px;
}
ul.leyenda li{
	margin: 1px 0px;
	display: table-row;
}
ul.leyenda li:before{
	content: counter(leyenda);
    display: inline-block;
    padding: 4px;
    text-align: center;
    counter-increment: leyenda;
    padding-right: 10px;
    font-size: 16px;
    color: #D50A2C;
    line-height: 16px;

    display: table-cell; /* aha! */
    text-align: right;
}
ul.leyenda li.legal p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
    margin-bottom: 0px;
}
ul.leyenda li.legal:before{
	content: '';
}

.fixed__container{ 
	position: fixed; 
	right: 0px; 
	top: 0px;
	height: 200px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);	
}
.header__menu__trigger.qr-number{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	position: relative;
	float: right;
    background: white;
/*     margin-top: -30px; */
	top: 100px;
    font-size: 1.6em;
    text-align: center;
    color: #D50A2C;
	font-weight: bold;
}
.header__menu__trigger.qr-number .menu__trigger{ cursor: default; }

#audiocontrols{
/* 	display: block; */
	position: absolute;
    background: #0B72D9;
    z-index: 200;
    text-align: center;
    margin-top: 26px;
    font-size: 2em;
    bottom: -20px;
	width: 70px;
    height: 70px;
}
#audiocontrols a{
	margin: 22px auto;
}
.sprite-icons{
	display: block;
	width: 25px;
	height: 26px;
	background: transparent url("/img/sprite-icons.png") no-repeat 0px 0px;
}
.sprite-icons.sprite-icons--play{
	background-position: 0px 0px;
}
.sprite-icons.sprite-icons--pause{
	background-position: -25px 0px;
}
.a-home{
	position: relative;
    padding: 37px 0px!important;
}
.sprite-icons.sprite-icons--home{
	margin: auto;
    display: block;
    left: -2px;
    position: relative;
	background-position: -50px 0px;
}
.sprite-icons.sprite-icons--home-white{
	display: inline-block;
	background-position: -150px 0px;
	top: 4px;
	margin-right: 10px;
	position: relative;
}
.sprite-icons.sprite-icons--back-arrow{
	margin: 37px 37px;
	background-position: -75px 0px;
}
.sprite-icons.sprite-icons--back-chevron{
	margin: 37px 37px;
	background-position: -100px 0px;
}
.columns.np .col{ padding: 0px!important; }
.col img{ padding: 0px!important; }

#audiocontrols .audiotext{
	position: absolute;
    width: 175px;
    text-align: left;
    bottom: -5px;
    z-index: 1000;
    color: #0B72D9;
    margin-bottom: 0px;
    left: 90px;
    font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
/*     font-weight: bold; */
    font-size: .6em;
}
#audiocontrols .progressbar{
    width:0;
    background:black;
    height:25px;
}
#audiocontrols #playing{
	display: inline;
}


#audiocontrols #progressbar{
  width: 1px;
  height: 3px;
  background: #006B5A;
  transition: width .1s linear;
}


	#home__menu--qr-reader,
	.menu--qr-reader,
	#menu--qr-reader,
	#show-form{
	    bottom: 0px;
	    padding: 20px 0px 20px 100px;
		font-weight: bold;
	    background-color: #0B72D9;
   	    position: absolute;
   	    bottom: 0px;
	    width: 100%;
	    left: 0px;
	    height: 70px;
	}
	#home__menu--qr-reader a,
	.menu--qr-reader a,
	#menu--qr-reader a,
	#show-form a{
		color: white;
		position: absolute;
		top: 0px;
		height: 100%;
		width: 100%;
		display: block;
		padding: 20px 0px 20px 100px;
		left: 0px;
		z-index: 20;
		line-height: 35px;
	}
	#home__menu--qr-reader:hover,
	.menu--qr-reader:hover,
	#menu--qr-reader:hover,
	#show-form:hover{
		color: #003e7b;
		text-decoration: none;
	}
	#home__menu--qr-reader a:after,
	.menu--qr-reader a:after,
	#menu--qr-reader a:after,
	#show-form a:after{
		content: "";
		display: block;
		position: absolute;
		top: 30px;
		right: 3px;
		margin-top: 0px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		border: solid #CDD0D4;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 6px;
	    right: 17.7%;
	}
	#home__menu--qr-reader:before,
	.menu--qr-reader:before,
	#menu--qr-reader:before,
	#show-form:before{
	    content: '';
	    position: absolute;
	    display: block;
	    width: 35px;
	    height: 35px;
		padding: 18px 17px 17px 18px;
	    left: 0px;
	    box-sizing: content-box;
	    background: transparent url("/img/qr-menu.png") no-repeat center center;
	    top: 0px;
	   	z-index: 10;
	}
	#home__menu--qr-reader:after,
	.menu--qr-reader:after,
	#menu--qr-reader:after,
	#show-form:after{
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		transform: inherit;
		-webkit-transform: inherit;
		top: 0px;
		right: 0px;
		width: calc(100% - 70px);
		background: rgba(0,0,0,.1);
		border: none;
		z-index: 10;
	}


	#show-form{
		bottom: auto;
   	    top: 0px;
	}

	#show-form a{
		font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
		font-size: 22px;
		line-height: 32px;
	}

	#show-form a:after{
		top: 28px;
		right: 20px;
	}

	#show-form:before{ background: transparent url("/img/icon-output.png") no-repeat center center; }


/*

#qr-reader #qr-loadingMessage{
	text-align: center;
	padding: 40px;
	background-color: #eee;
}

#qr-reader #qr-canvas{
	width: 100%;
}

#qr-reader #qr-output{
	margin-top: 20px;
	background: #eee;
	padding: 10px;
	padding-bottom: 0;
}

#qr-reader #qr-output div{
	padding-bottom: 10px;
	word-wrap: break-word;
}
*/

.content .wrp ul.accordion{ list-style: none; }
.content .wrp ul.accordion .zones-menu__submenu ul{
	padding-left: 40px;
}
.content .wrp ul.accordion .zones-menu__submenu ul.leyenda{ padding-left: 0px; }
.content .wrp ul.accordion{
	border-top: 1px rgba(217, 217, 217, 0.70) solid;
	border-bottom: 1px rgba(217, 217, 217, 0.70) solid;
	padding-left: 0px;
}
.content .wrp ul.accordion > li{
	margin-bottom: 0px;
    border-top: 1px rgba(217, 217, 217, 0.70) solid;
/*     border-bottom: 1px rgba(217, 217, 217, 0.70) solid; */
}
.content .wrp ul.accordion > li:first-child{
	border-top: none;
}
.content .wrp ul.accordion li a{
	font-size: 19px;
    line-height: 1.5;
    color: black;
    padding: 15px 0px;
    padding-right: 30px;
}
.content .wrp ul.accordion li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -9px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #d9d9d9b3;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 5px;
	transition: all .1s;
}
.content .wrp ul.accordion li a.external_link{
	color: #3794F1;
}
.content .wrp ul.accordion li.active a:after{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.content .wrp ul.accordion li .img_pswp-modal img{ padding: 0px; }

#qr-container{
	background: black;
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
}

/*
.img_pswp-modal:after{
	position: absolute;
	top: 0px;
	right: 0px;
	content: '';
	width: 25px;
	height: 26px;
	background: transparent url("/img/sprite-icons.png") no-repeat 0px 0px;
	z-index: 10;
	background-position: -125px 0px;
}
*/
#qr-container #qr-video{
	width: 100%;
}

body.lector-qr header .wrp,
body.lector-qr footer,
body.lector-qr .content .breadcrumb,
body.lector-qr .content .other-contents,
body.lector-qr .content .zones-menu,
body.lector-qr .content #qr-reader #qr-output{ display: none; }


	body.lector-qr header{ z-index: 101; }
	body.lector-qr.menu-opened .content{
		-webkit-filter: inherit;
		-moz-filter: inherit;
		-o-filter: inherit;
		-ms-filter: inherit;
		filter: inherit;
	}
    body.lector-qr .content,
    body.lector-qr .content section{
        padding: 0px;
    }
    body.lector-qr .content #qr-reader{
        width: 100%;
        height: 100%;
        background-color: black;
    }
    body.lector-qr .content section .wrp{
        width: 100%;
        height: 100%;
        max-width: none;
        overflow: hidden;
        position: absolute;
        top: 0px;
        padding: 0px;
        left: 0px;
        margin: 0;
    }
    body.lector-qr .content #qr-reader #qr-frame{
        position: absolute;
        z-index: 100;

        content: '';
        display: block;
        top: 0px;
        left: 0px;
        background: transparent url("/img/qr-frame.png") no-repeat center center;
        z-index: 100;

		width: 100%;
		height: 100%;
		padding: 80px;
		box-sizing: inherit;
		background-size: 60%!important;
		background-position: center center;
    }
     @media (orientation: landscape){
        body.lector-qr .content #qr-reader #qr-frame{
			background-size: 30%!important;
        }
    }
    @media (orientation: portrait){
        body.lector-qr .content #qr-reader #qr-frame{
           background-size: 60%!important;
        }
    }
/*

    body.lector-qr .content #qr-reader #qr-frame{
        position: absolute;
        z-index: 100;

        content: '';
        display: block;
        top: 0px;
        left: 0px;
        background: transparent url("/img/qr-frame.png") no-repeat center center;
        z-index: 100;
		background-size: calc(100% - 140px)!important;
    }
    body.lector-qr .content #qr-reader #qr-loadingMessage{ display: none; }
    body.lector-qr .content #qr-reader #qr-loadingMessage,
    body.lector-qr .content #qr-reader #qr-canvas{
        position: absolute;
        z-index: 50;
        background-color: #D50A2C;
    }


    body.lector-qr .content section .wrp{
        width: 100%;
        height: 100%;
        max-width: none;
        overflow: hidden;
        position: absolute;
        top: 0px;
        padding: 0px;
        left: 0px;
        margin: 0;
    }

*/


.zones-menu ul,
.zones-menu .wrp ul{ list-style: none }



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

	.header__logo{ margin-left: 0; }
	.wrp{
		max-width: none;
		padding: 0 5%;
	}
		.menu-opened .modal#modal--menu .wrp{ padding: 60px 0; }
}

@media only screen and (max-width: 767px){
	.fixed__container{
		height: 140px;
	}
	.zones-menu.box .zones-menu--numbers a{ font-size: 24px; }
	.columns .col{ width: 100%!important; float: none; }
	.btn, .btn:visited{ min-width: inherit; }
	.zones-menu--numbers ul.flex-text > li{ width: 100%; }
	.zones-menu--numbers ul.flex-text > li a{ font-size: .85em!important; line-height: 1.4em!important; padding: 20px 0px!important; }
	.home .columns .col,
	.home .columns .col.first-child,
	.home .columns .col.last-child,
	.home-pre .columns .col{ width: 100%; float: none; }
	.home-pre .columns .col img{ margin: 0px; }
	.home .columns .col.last-child{ padding-left: 0px; margin-top: 20px; margin-bottom: 0px;}

	.access .content .home h1,
	.content .home h1,
	.content .home-pre h1{ padding-top: 10px; margin-top: -20px; }

	.content .home-pre hr{ margin: 30px 0px 30px 0px }
	.content .zones-menu.box{ padding-top: 0px; }
	.modal--wrp .zones-menu.box .zones-menu--numbers li{ background-color: rgba(0,0,0,.1); }
	.modal--wrp .zones-menu.box .zones-menu--numbers li.active{ background-color: white; }
	.zones-menu .wrp ul.leyenda-qr li:before{ border: 1px solid white; }
	.modal--wrp .zones-menu.box{
		padding: 0px;
	}
	.header__menu__trigger.qr-number{
	    margin-top: -35px;
	    font-size: 19px;
	}

	.breadcrumb{ display: none; }

	header .wrp .header__logo{ margin: 38px 0 -3px; }
	.modal .header__logo{ margin: 38px 0 -3px; }

	.modal--wrp{ padding: 38px 0; }

	#modal--menu .modal__close{
		right: -35px;
	}
	.zones-menu--numbers{
		padding-right: 0px;
	}
	#home__menu--qr-reader,
	.menu--qr-reader,
	#menu--qr-reader{ position: fixed; z-index: 100; }
	#home__menu--qr-reader a:after,
	.menu--qr-reader a:after,
	#menu--qr-reader a:after{
		right: 10%
	}



/* 	#header h1{ padding-right: 46px; } */

	h2, .h2{
		font-size: 28px;
		line-height: 36px;
		padding-right: 16px;
	}


	#audiocontrols{
	    bottom: 0px;
	    padding: 20px 0px 20px 100px;
/* 		font-weight: bold; */
	    background-color: #0B72D9;
   	    position: fixed;
   	    bottom: 0px;
	    width: 100%;
	    left: 0px;
	    height: 70px;
	    margin: 0;
	    z-index: 200;
	}

		#audiocontrols .sprite-icons{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 25px;
			height: 26px;
			margin: 23px 22px 21px 23px;
		}

		#audiocontrols .audiotext,
		#home__menu--qr-reader a,
		.menu--qr-reader a,
		#menu--qr-reader a{
			font-size: 19px;
			color: white;
			position: absolute;
			top: 0px;
			height: 100%;
			width: 100%;
			display: block;
			margin: 0;
			padding: 20px 0px 20px 100px;
			left: 0px;
			z-index: 20;
			line-height: 32px;
		}

		#audiocontrols:after{
			content: '';
			display: block;
			height: 100%;
			position: absolute;
			transform: inherit;
			-webkit-transform: inherit;
			top: 0px;
			right: 0px;
			width: calc(100% - 70px);
			background: rgba(0,0,0,.1);
			border: none;
			z-index: 10;
		}

/* 	.youtube-container{ margin: 30px 0 0; } */

	.showonmobile{ display: block !important; }
	.hideonmobile{ display: none !important; }
	h1,
	.h1{
		font-size: 33px;
		line-height: 40px;
	}

	h1 + .list-title,
	.h1 + .list-title{ margin-top: 0; }


	.header__logo{
		margin-left: 0;
		margin-top: 60px;
		background-size: 180px 45px !important;
	}

	.header__menu__trigger,
	.modal__close{
		width: 70px;
		height: 70px;
	}
		.menu__trigger{ padding: 28px; }

			.menu__trigger__bar{
				width: 16px;
				height: 2px;
				margin-top: 4px;
			}

		.qr-number .menu__trigger{ padding: 24px; }

		.modal__close:before,
		.modal__close:after{
			top: 25px;
			left: 35px;
			height: 20px;
		}
	.zones-menu ul > li > a{
		font-size: 19px;
		line-height: 23px;
		padding: 16px 20px 16px 0;
	}
			.zones-menu ul > li.active > ul > li > a,
			.zones-menu ul > li > ul > li > a{
				padding: 8px 0;
			}
		.zones-menu ul > li > a:after{
			margin-top: -6px;
			border-width: 0 2px 2px 0;
			padding: 4px;
		}
			.zones-menu ul > li.active a:after{ margin-top: -7px; }

	.zones-menu + h3{ margin-top: 32px; }

	.modal#modal--menu .modal__content{
		width: auto;
		padding-left: 0;
		margin-top: 0;
		padding-bottom: 20px;
	}
	.menu-opened .modal#modal--menu,
	.menu-opened:before,
	.menu-opened:after{ width: 100%; }
	.modal#modal--menu{ background-color: #D50A2C; }
	.modal#modal--menu:before{
		content: '';
		top: 0;
		left: 0;
		z-index: -1;
		position: absolute;
		width: 100%;
		height: 162px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
	}
	.modal#modal--menu .header__logo{
		margin-top: 0;
		background-image: url("../img/logo-white.png");
	}

	.wrp{
		max-width: none;
		margin: 0 35px 0;
	}
	.wrp-full .wrp{
		margin: 0px;
	}


	.content{ padding-bottom: 40px; }

	.content .wrp ul{ list-style: circle; }

/*
	.content .wrp ul.accordion{ border-bottom: none; }

		.content .wrp ul.accordion > li{
			border-bottom: 1px rgba(217, 217, 217, 0.70) solid;
		}
*/

		.content .wrp ul.accordion .zones-menu__submenu ul,
		.content .wrp .list-title + ul{ padding-left: 22px; }

	.content .wrp ul.leyenda{
		list-style: none;
		padding-left: 0;
	}


	.zones-menu{ padding: 30px 0 10px; }
	.wrp .zones-menu:first-child{ padding-top: 0; }
	h3 + .zones-menu{ padding-top: 0; }

		 .wrp .zones-menu .wrp{ margin: 0; }

			.zones-menu ul,
			.zones-menu .wrp ul{ list-style: none }

				.zones-menu--numbers ul > li{
					width: calc(33.33333% - 1px);
				}


	.content .wrp img{ max-width: 100%; }

	.col{
		float: none;
		width: 100%;
	}

	form .control-group__btns .btn{ min-width: inherit; }

	footer{
		padding-bottom: 100px;
		padding-top: 35px;
	}

	.footer__menu{
		font-size: 13px;
		line-height: 20px;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
		.footer__menu li{
			display: block;
			margin: 0 0 5px 0;
		}
	.footer__text{ text-align: center; }


	@media only screen and (min-width: 480px) and (orientation: landscape){

		.zones-menu.box .zones-menu--numbers li{ width: calc(16.66666% - 1px); }

	}

}

@media only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and ( min--moz-device-pixel-ratio:2),
	only screen and ( -o-min-device-pixel-ratio:2/1),
	only screen and (min-device-pixel-ratio:2),
	only screen and (min-resolution:192dpi),
	only screen and (min-resolution:2dppx){

		.header__logo{
			background-image: url("../img/logo-red-black@2x.png");
			background-size: 280px 70px;
		}
			.is-tablet .header__logo,
			.is-section .header__logo{
				background-image: url("../img/logo-white@2x.png");
				background-size: 280px 70px;
			}
			.access .header__logo{ background-image: url("../img/logo-red-white.png"); }
/*
			.home .header__logo,
			.error .header__logo,
			.install .header__logo{ background-image: url("../img/logo-red-black@2x.png"); }
*/
		.modal#modal--menu .header__logo{
			background-image: url("../img/logo-white@2x.png");
			background-size: 280px 70px;
		}
		body.lector-qr .content #qr-reader #qr-frame{
			background-image: url("/img/qr-frame@2x.png");
			background-size: 462px 462px;
		}
		#home__menu--qr-reader:before,
		.menu--qr-reader:before,
		#menu--qr-reader:before,
		#show-form:before{
			background-image: url("/img/qr-menu@2x.png");
			background-size: 35px 35px;
		}
		#show-form:before{ background-image: url("/img/icon-output@2x.png"); }
/* 		.img_pswp-modal:after, */
		.sprite-icons{
			background-image: url("/img/sprite-icons@2x.png");
			background-size: 250px 52px;
		}
}