/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*GENÉRICOS*/
@font-face{font-family:bebas;src:url(bebasneue-webfont.eot);src:url(/bebasneue-webfont.eot?#iefix) format('embedded-opentype'),url(bebasneue-webfont.woff2) format('woff2'),url(bebasneue-webfont.woff) format('woff'),url(bebasneue-webfont.ttf) format('truetype'),url(bebasneue-webfont.svg#bebas_neueregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:roboto;src:url(roboto-light-webfont.eot);src:url(roboto-light-webfont.eot?#iefix) format('embedded-opentype'),url(roboto-light-webfont.woff2) format('woff2'),url(roboto-light-webfont.woff) format('woff'),url(roboto-light-webfont.ttf) format('truetype'),url(roboto-light-webfont.svg#robotolight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:thin;src:url(robotothin-webfont.eot);src:url(robotothin-webfont.eot?#iefix) format('embedded-opentype'),url(robotothin-webfont.woff2) format('woff2'),url(robotothin-webfont.woff) format('woff'),url(robotothin-webfont.ttf) format('truetype'),url(robotothin-webfont.svg#robotothin) format('svg');font-weight:400;font-style:normal}
   
html, body {width: 100%; height: 100%; position: relative;}

body {
	overflow-x: hidden;
	background: #f4f4f4;
}

h1
{
	font-family: bebas; 
	font-size: 40px; 
	color: #dc1f26; 
	border:2px solid #dc1f26; 
	padding: 20px 35px; 
	display: inline-block;
}


h5
{
	font-family: bebas; 
	font-size: 40px; 
	color: #dc1f26; 
	border:2px solid #dc1f26; 
	padding: 20px 35px; 
	display: inline-block;
}


article
{
	background: #dc1f26;
}

p
{
	color: white;
	font-family: roboto;
	font-size: 20px;
}

#cover {
	position: fixed;
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	background-color: #f4f4f4;
	z-index: 100; /* Higher than anything else in the document */
}

#cover img {
	position: absolute;
	z-index: 101; /* Higher than anything else in the document */
	top: 50%; left: 50%;
	margin: -23px auto auto -23px;
}

#cover p {
	color: #c3c3c3;
	padding: 20px;
	margin: 0;
	font-size: 13px;
}

.hide {
	display: none;
}
/*/GENÉRICOS*/

/*SHARED*/
#three article, #six article, #five-bis article, #four article {
	display: inline-block; 
	width: 50%;
	padding: 50px;
	box-sizing: border-box;
	margin-top: 0px;
}

#three article, #five-bis article{
	margin-left: 50%; 
	padding-top: 220px;
	padding-bottom: 220px;
}

#four article, #six article {
	margin-right: 50%; 
	padding-top: 220px;
	padding-bottom: 220px;
}
   
#three>div, #four>div, #five-bis>div, #six>div
{display: inline-block; width: 50%; height: 100%; text-align: center; position: absolute;} 

#four>div, #six>div
{right:0;}

#three h1, #four h1, #six h1, #five-bis h1, #three h5, #four h5, #six h5, #five-bis h5
{
	position: relative;
	top: 50%;
	margin-top: -50px;
}
/*/SHARED*/

/*SERVICIOS POPUP*/
#knowledge-wrapper {
	position: fixed;
	z-index: 40;
	top: 0; left: 0;
	width: 100%; height: 100% !important;
	background: #f4f4f4;
	display: none;
}

#logosmall {
	width: 92px;
	height: auto;
	position: absolute;
	left: 40px;
	top: 40px;
}

#cerrar-box {
	padding: 7px;
	background: #dc1f26;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 40px;
}

.active {
	color: #dc1f26 !important;
}

.nav-arrows {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 40px;
	display: block;
	width: 16px;	height: 16px;
	text-indent: -9999px;
	padding: 7px;
	background: url(../img/arrow.png) no-repeat center center #dc1f26;
	cursor: pointer;
}

#left-arrow {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	left: 40px;
}

#knowledge-ul-wrapper {
	position: relative;
	overflow: hidden;
	width: 51%;
	margin: 0 auto;
	/*top: 50%;
	margin-top: -9%;*/
	display: table-cell;
    vertical-align: middle;
}

#knowledge-ul-wrapper h4 {
	position: relative;
	font-family: thin;
	font-weight: normal;
	color: #dc1f26;
	font-size: 63px;
	margin: 0 0 18px -5px;
	overflow: show;
}

#knowledge-ul-wrapper p {
	color: #5f5f5f;
	font-family: roboto;
	font-size: 14px;
	line-height: 22px;
}

#knowledge-list-wrapper {
	width: 1200%;
	left: 0%;
	padding: 0; margin: 0;
	position: relative;
	list-style: none;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.knowledge-item-wrapper {
	width: 8.33333%;
	padding: 0; margin: 0;
	float: left;
	position: relative;
}

.knowledge-item-wrapper div {
	padding: 10px;
}
/*/SERVICIOS POPUP*/

/*MENU TEMPORAL*/
.temp-nav {
	position: absolute;
	right: 96px;
	top: 45px;
}

.temp-nav ul {
	font-family: roboto;
	font-size: 14px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.temp-nav ul li {
	float: left;
	margin-left: 20px;
}

.temp-nav ul li a{
	text-decoration: none;
	color: #6a6a6a;
}

.temp-nav ul li a:hover{
	color: #dc1f26;
}
/*/MENU TEMPORAL*/

/*ONE*/
#one
{
	text-align: center;
	padding: 100px 50px;
	padding-top: 50px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#one img[alt="facebook"], #one img[alt="twitter"]
{
	/*float: left;
	margin-left: 0px; 
	padding: 0px 15px;*/
	transition: 0.3s ease;
	position: absolute;
	top: 50px;
	left: 50px;
}

#one img[alt="twitter"]{ left: 90px; }

#one img[alt="facebook"]:hover, #one img[alt="twitter"]:hover
{
	transform: scale(1.2);
}

#one img[alt="menu"]
{
	float: right;
}

/*Logo RH*/
#main-screen
{	
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -344px;
	margin-top: -202px; /*-190 es exacto*/
}	

/*MOD PARA THANKS.HTML*/
#main-screen-thanks {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125.5px;
	margin-top: -180px;
}

.slogan2 {
	position: relative;
	margin: 13px 0px 9px 0px;
	display: block;
	line-height: 26px;
	color: #555;
}

#main-screen-thanks input[type="button"] {
	border: none;
	position: relative;
	background: #fff;
	color: #fff;
	padding: 4px 0;
	top: 0px;
	left: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 100%;
	height: 36px;
	margin-top: 10px;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}

#main-screen-thanks input[type="button"]:hover {
	-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	color: #D91F26;
}

#main-screen-thanks input[type="button"]:active {
	top: 4px;
	left: 4px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
}
/*FIN MOD*/

#main-screen figure {
	position: relative;
	float: left;
	padding-right: 36px;
	border-right: 2px solid #e0e0e0;
}

span.slogan {
	position: relative;
	margin: 13px 0px 9px -4px;
	display: block;
}

span.red {
	color: #d71f25;
}

#main-screen p {
	position: relative;
	width: 307px;
	padding: 0;
	margin: 0;
	margin-left: 379px;
	text-align: left;
	font-family: thin;
	font-size: 48.83px;
	color: #b2b2b2;
}

.small {
	position: relative;
	width: 307px;
	margin: 0;
	margin-left: 379px;
	font-family: roboto;
	font-size: 13px;
	color: #636464;
	text-align: left;
}

#subtitle-home {
	font-size: 0.8em;
	color: #858585;
	padding-top: 10px;
}

/*Flecha Bajar*/
#one a[href="#down"]
{
	bottom: 50px;
	left: 50%;
	margin-left: -15px;
	display: block; 
	position: absolute;
}

#one a[href="#down"] img
{
	animation: 1.5s ease infinite down;
	-webkit-animation: 1.5s ease infinite down;
	-moz-animation: 1.5s ease infinite down;
	-ms-animation: 1.5s ease infinite down;
}

@keyframes down
{
	0% {transform: translate(0, 10px);}
	50% {transform: translate(0, 0px);}
	100% {transform: translate(0, 10px);}
}

@-webkit-keyframes down
{
	0% {transform: translate(0, 10px);}
	50% {transform: translate(0, 0px);}
	100% {transform: translate(0, 10px);}
}

@-ms-keyframes down
{
	0% {transform: translate(0, 10px);}
	50% {transform: translate(0, 0px);}
	100% {transform: translate(0, 10px);}
}

@-moz-keyframes down
{
	0% {transform: translate(0, 10px);}
	50% {transform: translate(0, 0px);}
	100% {transform: translate(0, 10px);}
}
/*/ONE*/ 

/*TWO*/
#two 
{
	text-align: center;
	padding-bottom: 70px;
}

#two h1, #two h5
{
	margin-top: 100px;
	margin-bottom: 0;
}
  
#two p
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px;
	margin-top: 100px;
}
/*/TWO*/   

/*THREE*/
#three span
{
	font-family: thin; 
	font-size: 40px; 
	color: white;
}
 
#three article>span
{font-size: 50px; margin: 8px;}
/*/THREE*/  
  
/*FOUR*/
/*///////////////////*/
/*/FOUR*/
   
/*FIVE*/
#five
{
	text-align: center;
	padding-bottom: 100px;
}

#five h1, #five h5
{
	padding: 15px 40px;
	margin-top: 68px;
}

#five ul
{
	width: 100%;
	max-width: 937px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	padding: 0;
}

#five ul li
{
	list-style: none;
	display: inline-block;
	width: 152px;
	height: 152px;
	box-sizing: border-box;
	padding-top: 20px;
	vertical-align: top;
	margin-top: 5px;
	background: rgba(220,31,38,0.6);
	transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	cursor: pointer;
}

#five ul li:hover
{
	background: rgba(220,31,38,1);
}

#five span
{
	color: #fff;
	font-family: bebas;
	font-size: 18px;
	display: block;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
}

#five ul li img
{
	margin-bottom: 20px;
}
/*/FIVE*/  

/*FIVE BIS*/
#five-bis article {
	padding-top: 194px;
	padding-bottom: 194px;
}

#flexiselDemo3 {
display:none;
}

#five-bis article > div > p {
	position: absolute;
	width: 25%;
	text-align: right;
}

#five-bis article > div > p > a {
	color: #f2f2f2;
	font-size: 14px;
	text-decoration: none;
	text-align: right;
}

#five-bis article > div > p > a:hover {
	color: #ededed;
}

#five-bis article > div > p > a:visited {
	color: #fff !important;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    height: auto;
	width: auto;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height:65px;
	max-width:200px;
}
/*/FIVE BIS*/

/*SIX*/   
#six h1, #six h5
{
	padding: 15px 60px;
}

#six article {
	padding: 100px 66px;
	min-height: 473px;
}

#last
{
	color: white;
	border:none;
	text-align:right;
	font-family: thin; 
	font-size: 40px; 
	margin: 0 0 16px 0;
}

#six ul {
	margin: 0; padding: 0; position: relative;
}

#six ul li
{
	display: inline-block; 
	width: 100%;
	list-style: none;
	margin-bottom: 20px;
}

#six ul li a:hover
{
	box-shadow: 0px 0px 14px #fff;
}

#six ul li a
{
	position: relative;
	text-decoration: none;
    color: #DC1F26;
	background: #fff;
    padding: 7px 12px;
    display: block;
    transition: all 0.3s ease 0s;
    font-family: bebas;
    font-size: 1.5em;
}
/*/SIX*/

/*SEVEN*/
#seven
{padding-bottom: 100px; text-align: center;}

#seven h1, #seven h5
{margin-top: 86px; padding: 15px 45px}

#seven p {
	color: #555;
	font-size: 14px;
	margin: 0;
	padding: 20px 0 0 0;
	line-height: 24px;
}

#seven > p > img {
	padding-bottom: 10px;
}

form
{width: 100%; max-width: 937px; padding:0; margin: 40px auto 0 auto;}
  
input[type="text"],input[type="number"],input[type="email"]
{width: 100%; height: 36px; margin: 0 0 10px 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.65); padding: 4px 8px; border: none; box-sizing: border-box;}

form fieldset
{width: 49%;
float: left;
margin-right: 2%;}


textarea
{float: right;
width: 49%;
height: 128px;
padding: 11px 8px;
box-sizing: border-box;
resize: none;
border: none;
box-shadow: 1px 1px 2px rgba(0,0,0,0.65); }

#seven input[type="submit"] {
	border: none;
	position: relative;
	background: #fff;
	color: #fff;
	padding: 4px 0;
	top: 0px;
	left: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 100%;
	height: 36px;
	margin-top: 10px;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 38px 0px #D91F26;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}

#seven input[type="submit"]:hover {
	-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	color: #D91F26;
}

#seven input[type="submit"]:active {
	top: 4px;
	left: 4px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
	box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.41), inset 0px 0px 0px #D91F26;
}
/*/SEVEN*/

/*FOOTER*/
footer
{background: #dc1f26; padding: 25px; text-align: center;}


footer span
{font-size: 14px; float: left;color:#fff;}

footer figure
{float: right; margin-right: 20px;}

footer figure a
{margin: 0px 15px}
footer figure a img
{transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-ms-transition: 0.3s ease;}

	footer figure a img:hover
	{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	}

img[src="img/top.png"]
{
transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-ms-transition: 0.3s ease;
}

	img[src="img/top.png"]:hover
	{
	transform: translate(0px, -10px);
	-moz-transform: translate(0px, -10px);
	-webkit-transform: translate(0px, -10px);
	-ms-transform: translate(0px, -10px);
	}
/*/FOOTER*/	

/*MENU*/
nav
{
width: 250px;
position: fixed;
right: -50%;
height: 100%;
background: /*rgba(220,31,38, 0.5)*/ rgba(0,0,0,0.5);
z-index: 10000;
transition: 0.5s ease;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-ms-transition: 0.5s ease;
}	

nav ul
{width: 100%; padding: 0; margin-top: 50%}

nav ul li 
{list-style: none;}

nav ul li a {
position: relative;
overflow: hidden;
display: block;
padding: 20px 5px;
transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-ms-transition: 0.3s ease;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

nav ul li a span {
	display: block;
	height: 100%;
	width: 100%;
}

nav ul li a:hover
{
background: rgba(220,31,38, 0.6);
}


nav ul  li a
{
text-decoration: none;
color: #f4f4f4;
font-family: roboto;
font-size: 14px;
}


nav ul li
{cursor: pointer}

.circle {
  display: block;
  position: absolute;
  background: rgba(117, 11, 18, 0.3);
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.circle.animate {
  -webkit-animation: effect 0.65s ease-in-out;
          animation: effect 0.65s ease-in-out;
}

@-webkit-keyframes effect {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5,8);
            transform: scale(2.5,8);
  }
}

@keyframes effect {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5,8);
            transform: scale(2.5,8);
  }
}

#menu
{position: fixed; 
right:50px; 
z-index: 10;
transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-ms-transition: 0.3s ease;
cursor: pointer;
top: 50px;
}

#cerrar
{
float: right;
margin-right: 50px;
margin-top: 50px;
transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
cursor: pointer;
}

/*#cerrar:hover
{
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);

}*/
/*/MENU*/

img[alt="arriba"]
{cursor: pointer;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1020px) {
	form {width: 90%;}
	#five ul { width: 74%; }
}


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

h1, h5
{font-size: 2em;}

#six h2
{font-size:25px;
margin-top:327px
}

form {width: 85%;}

#last {
	font-size: 25px;
}

#three article, #five-bis article, #four article, #six article {
	padding-top: 120px;
	padding-bottom: 120px;
}


}

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

#knowledge-ul-wrapper {
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	height: 90%;
	/* margin: 0 auto; */
	display: table-cell;
	/* vertical-align: middle; */
	margin-top: 56px;
}

#knowledge-ul-wrapper h4 {
	font-size: 20px;
	text-align: center;
}

#logosmall, .nav-arrows {
	display: none;
}

#cerrar-box {
	top: 10px; right: 10px;
}

.temp-nav {
	visibility: hidden; display: none;
}

#main-screen {
	position: relative;
	left: auto;
	top: auto;
	margin: 30% auto 0 auto;
}

#main-screen figure {
	display: none;
}

#main-screen p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

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

#three article, #five-bis article, #four article, #six article {
	padding-top: 100px;
	padding-bottom: 100px;
}

#two article p, #three article p, #five-bis article p, #four article p, #six article p {
	font-size: 16px;
}

}

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

nav
{right: -100%;background:rgba(0,0,0,0.74);}

h1, h5 {
    font-size: 1.7em;
}

#two p
{
width: 90vw;
}

#two h1, #three h1, #four h1, #six  h1, #five h1, #five-bis h1 {
    font-size: 1.4em;
	position: relative;
	margin: 0;
}

#two h5, #three h5, #four h5, #six  h5, #five h5, #five-bis h5 {
    font-size: 1.4em;
	position: relative;
	margin: 0;
}

#two h1, #two h5 {
	margin: 65px 4% 30px 4%;
}

#five h1, #five h5 {
	margin: 53px 0 10px 0;
}

#two > div, #three > div, #six > div, #four > div, #five-bis > div {
	margin: 0;
	padding: 0;
	width: 100%;
	margin: 45px 0 30px 0;
	position: relative;
}

#two article, #three article, #six article, #four article, #five-bis article {
	width: 100%;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	padding: 60px 15px;
}

#two article p {
	padding: 0;
	margin: 0;
}

#five ul
{
	width: 90%;
}

form fieldset {
    width: 100%;}
	
textarea {
    float: none;
    width: 100%;
}	

a[onclick="$('#one').ScrollTo();"]
{display: none;}

nav {
    width: 100%;}
	
nav ul 
{
margin-top: 28%;
}	
	
p
{text-align: center;}

#five-bis article > div > p {
	width: 100%;
	text-align: center;
	left: 0;
}


}

@media screen and (max-width: 474px){
	span.slogan, .small {
		display: none !important;
	}
	
	#main-screen {
		top: 50%;
		margin-top: -82px;
	}
	
	footer span {
		display: none;
	}
	
	#seven p {
		width: 90%;
		margin: 0 auto;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



.link-mail > a{
	color: red;
	font-weight: bold;
	text-decoration: underline dotted red;
}

.badges-certificates {
	max-width: 100%;
}

.badges-partners {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

#seven > .backstretch {
	opacity: 0.5;
}