@font-face {font-family:'Campton Book';
			src:url('../fonts/Campton Book.eot');
			src:local('☺'),url('../fonts/Campton Book.woff') format('woff'),url('../fonts/Campton Book.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton SemiBold';
			src:url('../fonts/Campton SemiBold.eot');
			src:local('☺'),url('../fonts/Campton SemiBold.woff') format('woff'),url('../fonts/Campton SemiBold.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton Bold';
			src:url('../fonts/Campton Bold.eot');
			src:local('☺'),url('../fonts/Campton Bold.woff') format('woff'),url('../fonts/Campton Bold.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton Medium';
			src:url('../fonts/Campton Medium.eot');
			src:local('☺'),url('../fonts/Campton Medium.woff') format('woff'),url('../fonts/Campton Medium.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton Light';
			src:url('../fonts/Campton Light.eot');
			src:local('☺'),url('../fonts/Campton Light.woff') format('woff'),url('../fonts/Campton Light.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton ExtraLight';
			src:url('../fonts/Campton ExtraLight.eot');
			src:local('☺'),url('../fonts/Campton ExtraLight.woff') format('woff'),url('../fonts/Campton ExtraLight.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}@font-face {font-family:'Campton Thin';
			src:url('../fonts/Campton Thin.eot');
			src:local('☺'),url('../fonts/Campton Thin.woff') format('woff'),url('../fonts/Campton Thin.ttf') format('truetype');
			font-weight:normal;
			font-style:normal;
}

/*@keyframes opacidad {  0%   {opacity: 0;}    50%  {opacity: 1;}   100% {opacity: 1;}}
@keyframes back {  0%   { background-color: transparent; color: #ffffff;} 25%  {background-color: #000000;  color: #000000;} 75%  {background-color: #000000;  color: #000000;}  100%  {background-color: transparent;  color: #ffffff;} }
#header_claim h1 .span1 {	-webkit-animation:back 2s 0.1s 1  ;  -moz-animation:  back 2s 0.1s 1  ; -o-animation:    back 2s 0.1s 1  ; animation: back 2s 0.1s 1  ;}
#header_claim h1 .span2{	-webkit-animation:back 2s 0.2s 1  ;  -moz-animation:  back 2s 0.2s 1  ; -o-animation:    back 2s 0.2s 1  ; animation: back 2s 0.2s 1  ;}
#header_claim h1 .span3{	-webkit-animation:back 2s 0.3s 1  ;  -moz-animation:  back 2s 0.3s 1  ; -o-animation:    back 2s 0.3s 1  ; animation: back 2s 0.3s 1  ;}
#header_claim h1 .span4{	-webkit-animation:back 2s 0.4s 1  ;  -moz-animation:  back 2s 0.4s 1  ; -o-animation:    back 2s 0.4s 1  ; animation: back 2s 0.4s 1  ;}
*/

body,html,* {margin:0;padding:0;}
html,body {font-family:"Campton Book","Century Gothic";margin:0;padding:0;color:#434343;font-size:16px; overflow-x: hidden;}
a {text-decoration:none;transition:all .5s;}
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;font-weight:normal;}
.contenedor {max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:center;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
.main, .margin_from_topmenu {    padding-top: 30px;}
.pieza_oculta{	transform:translateY(20px);	opacity:0;}
.tdelay_3{	transition-delay:.3s;}
.tdelay_6{	transition-delay:.6s;}
.tdelay_9{	transition-delay:.9s;}
/*.svgicon {  vertical-align: middle;   display: inline-block;    fill: currentcolor;    font-size: 3.3em;    height: 1em;    position: relative;    stroke: currentcolor;    stroke-width: 0;    width: 1em;}*/
/************Menu******************/

nav{	position:fixed;	top:0;	left:0;	width:100%;	text-align:right;	background-color:#fff;		font-family:"Campton Medium", "Century Gothic";	z-index:4;transition:all .5s;    height: 70px;    line-height: 70px; }	
nav .contenedor{ max-width: 1515px; text-align: right; }
nav a:hover,nav a.active_menu{	color:#6dacde;}
nav a#logo_panda_header {    background:  url("../img/logo_panda.png") no-repeat scroll left center;    float: left;    height: 100%;    text-indent: 999999px;    width:137px;}
nav a {    box-sizing: border-box;    color: #434343;    display: inline-block;  font-size: 0.875em;     padding: 0 25px;    position: relative;    vertical-align: middle;font-family:"Campton SemiBold","Century Gothic";}
nav a:last-child{padding-right: 0;}

.header{background:  url("../img/header_back.gif") no-repeat  center bottom;background-size:cover;padding-top:110px;min-height:701px;}
#header_claim{text-align:left;}
#header_claim h1{font-family:"Campton SemiBold","Century Gothic"; font-size:3.125em;margin-left:20px;margin-top:1em;}
#header_claim h1 strong{font-size:1.6em;font-weight:normal;display:block;line-height:1em;}
#header_claim h2{font-family:"Campton Medium","Century Gothic"; font-size:1.375em;margin:1.5em 0 0 20px;}
#header_claim .logo_gdpr{margin:3em 0 0 20px;}
#header_claim .form_iframe{width:540px;height:650px;border-radius:2em;background-color:rgba(242,242,240,0.7);float:right;margin-top:-15px;overflow:hidden;}
.button_zone{text-align: center;}
.button_zone a {font-family:"Campton Bold","Century Gothic";font-size:0.875em;padding:1.6em 2.5em 1.5em;box-sizing: border-box;background-color: #ff954c;display: inline-block; border-radius:5em;color: #ffffff;text-align:center;}
#main-container{/*clear:both;*/margin-top:6em;}
.ancla{margin-top:-70px;position:absolute;}

#boxes .box{ display: inline-block;  width:24.6%; vertical-align: top;background: url("../img/eu.png") no-repeat  center 90px  #f2f2f0; padding-top: 18em; min-height: 11.5em;margin:0 0.2%;}
#boxes .box p{width:75%; margin:0 auto 0.5em; text-align: center;}
#boxes #hours{background-image:  url("../img/72h.png");}
#boxes #millions{background-image:  url("../img/20m.png");}
#boxes #dpo{background-image:  url("../img/dpo.png");}
#boxes #dpo.dpd{ background-image:  url("../img/dpd.png");}

#challenges{padding:0 0 1.6em;}
#challenges .contenedor{text-align:left;}
#challenges h1{ font-size:3.125em;font-family:"Campton SemiBold","Century Gothic";margin-left:20px;}
#challenges h2{ font-size:1.375em;font-family:"Campton Medium","Century Gothic";margin: 0 0 2.1em 20px;}
#challenges .line::before,#reinvent .line::before{border: 1px solid #9dd7f4;    border-radius: 10px;    content: "";    height: 6px;background-color: #9dd7f4;  position: absolute;    transition: all 0.2s ease 0s;    width: 6px; top: -5px;}
#challenges .line, #reinvent .line{ width: 275px;border-top: 1px solid #9dd7f4;position: relative; margin: 0.7em 0 1.4em}
.challenge_slider{margin:0 auto;text-align:center;}
.challenge{ display: inline-block;  text-align: left; vertical-align: top;width:280px;margin:0 43px 2em;}
.challenge p:first-of-type{font-size: 1.5em;}
.challenge p{ width: 93%; line-height: 1.45em;}

#reinvent{padding:4em 0 4.5em;}
#reinvent h1{font-family:"Campton SemiBold","Century Gothic"; font-size:3.125em;margin-left:20px;}
#reinvent h2{font-size:1.375em;font-family:"Campton Medium","Century Gothic";margin: 0 0 2.1em 20px;}
.datacontrol_feats li{display:inline-block;list-style-image:none;width:24%;vertical-align:top;margin:0 0.5% 4em}
/*
#reinvent .description{margin: 1.1em auto 3.2em; width: 66%; line-height: 1.5em; }
#reinvent .line { margin-top: 1.3em;}
article .icon{  border: 1px solid #bebebe; border-radius: 100px;     height: 113px; width: 113px;background: rgba(0, 0, 0, 0) url("../img/hunting.png") no-repeat scroll center center; display:inline-block; text-align: center;vertical-align: top;}
article#prevention .icon {background-image:url("../img/prevention.png") ;}
article#processes .icon {background-image:url("../img/processes.png") ; }
article#historical .icon {background-image:url("../img/historical.png") ;}
article#processes{ margin-left: 3.4em;}
article#hunting{ margin-left: 3.4em; margin-top: 4em;}
article#historical {margin-top: 4em;}
article {display: inline-block; width: 47%; text-align: left; margin: 2em 0 0 ;}
article .block{display: inline-block; vertical-align: top; width: 60%; margin: 0.7em 0 0 1.1em;}
article .block p{ line-height: 1.4em;}
#ad { text-align: left; margin-top: 4.4em; width: 1100px;}
#reinvent #ad  .description{margin-left: 0; width: 50%; margin-bottom: 0.9em;}
article span{font-family:"Campton SemiBold","Century Gothic";}
article#prevention span { color: #ff9553;}
article#processes span { color: #85b9c8;}
article#historical span{ color: #74cd80;}
article#hunting span{ color: #81a9e1;}

article#prevention .line::before { border-color: #ff9553; background-color: #ff9553;}
article#processes .line::before { border-color: #85b9c8; background-color: #85b9c8;}
article#hunting .line::before{ border-color: #81a9e1; background-color: #81a9e1;}
article#prevention .line { border-color: #ff9553; }
article#processes .line { border-color: #85b9c8; }
article#hunting .line{ border-color: #81a9e1; }
*/#datacontrol{text-align: left;}
#datacontrol .block,#datacontrol .block_r{ display: inline-block; width: 48%; vertical-align: top;}
#datacontrol .block_r{margin-left:4%; text-align: right;}
#datacontrol .desc{margin-bottom: 2em;margin-left:40px;line-height: 1.6em;}
#datacontrol h4{font-family:"Campton SemiBold","Century Gothic";font-size:1.375em;margin-bottom:0.5em;}
#datacontrol .line{ width: 460px; margin-top: 1.2em; }
#datacontrol img{ margin-top: 2.9em;}
#datacontrol img:first-of-type{margin-top: 0.2em;}
#datacontrol .block p{line-height: 1.55em;}
#datacontrol .block em{color:#1f9fee;font-style:normal;}
#datacontrol .sub{ font-size: 0.73em; margin-top: 6.5em;}
#datacontrol .button_zone a {background-color:#cae8ff;color:#1f9fee;}
#datacontrol .button_zone a:hover{ background-color:#7bb5e1;color:#fff;}
#datacontrol .block .button_zone {text-align:right;}

#cybersecurity{background-color:#f2f2f0;padding:3.75em 0 4.25em;}
#cybersecurity .button_zone a{ background-color:#434343; border: 2px solid #434343;}
#cybersecurity .button_zone a:hover{ background-color: #ffffff; color:#434343;}
#cybersecurity h1{font-family:"Campton SemiBold","Century Gothic"; font-size:3.125em;margin-top:0.7em;}
#cybersecurity p{ width:50%; margin: 1em auto 2em;font-size: 1.5em;}
#cybersecurity p span{ font-family:"Campton Bold","Century Gothic"; }
/*#cybersecurity .icon-ico-whitepaper-b2b{ font-size: 5em;}
#cybersecurity .icon-ico-download-b2b{ top: -4px;}*/

#legalnotice{background-color:#f2f2f0;font-size:0.825em;padding:2.5em 0;margin:0 auto 98px;}
#legalnotice a{text-decoration:underline;color:currentColor;}

#cta_zone {background-color:rgba(202,232,255,0.8);    bottom: 0;    padding: 1.2em 0;    position: fixed;    text-align: center;    width: 100%;    z-index: 1;}
.button_cta{ display: inline-block;}
.button_cta a {    background-color: #1f9fee;border-radius: 5em;color: #ffffff;display: inline-block;font-family:"Campton SemiBold","Century Gothic";font-size:0.875em;padding:1.6em 2.5em 1.5em;}
#cta_zone .text_cta{display: inline-block;vertical-align:middle;}
#cta_zone .text_cta h2 {    color: #1f9fee;    font-family: "Campton SemiBold","Century Gothic";    font-size: 1.5em; margin-right:2em; }
#formDownload {    display: none;    height: 557px;    width: 805px;}
#zoom{z-index:4;}

@media screen and (max-width:1570px) {	
	nav .contenedor{ margin: 0 1em; }
}
@media screen and (max-width:1280px) {	
	#boxes .box p {width: 90%;}
	.contenedor {max-width:95%;}
}
@media screen and (max-width:1023px) {	
	#reinvent img{ margin-bottom: 1em;}
	#reinvent .contenedor{ max-width:  100%;}	
	#datacontrol .block_r { margin-left: 2em;}
	#boxes .box { display: block; width: 100%; min-height: auto;padding-top:15em;padding-bottom:5em;background-position:center 55px;margin-bottom:2px;}
	#header_claim .form_iframe{margin-top:15px;margin-left:10px;}
	.datacontrol_feats{width:95%;margin:2em auto 0;}
}
@media screen and (max-width:800px) {	
	#header_claim h2{position:absolute;}
	#header_claim .form_iframe{width:90%;margin:9em 5% 0em;}
	.datacontrol_feats{margin-top:4em;}
	.datacontrol_feats li{display:block;width:85%;margin:0 auto 3em}
	.challenge{width:auto;}
	#challenges .line{width: 95%;}
	#reinvent img{ width: 80%;}
	#datacontrol .block_r { display: none;}
	#datacontrol .block{    display: block;width: 90%;margin:0 5%;}	
	#datacontrol .block p:first-child{ margin-left: -1.1em;}
	#datacontrol .line {    width: 100%;}	
	#cybersecurity p{ width: 90%;}
}
@media screen and (max-width:700px) {	
	nav a { padding: 0 8px;}
	nav a:last-of-type{margin-right: 5px;}
	#cta_zone .text_cta {    display: block;}
	#cta_zone .text_cta h2 { margin:0 0 0.4em 0;font-size:1.1em;}
	.button_cta a{padding:0.8em 2.5em 0.7em;}
/*	#datacontrol .button_zone a,#datacontrol .button_zone a.boton_azul { display: block; margin: 6em auto 0;}
	#datacontrol .button_zone a.boton_azul { margin-top: 1em;}	*/
}
@media screen and (max-width:520px) {	
	nav a{ display: none;}
	nav a#logo_panda_header{ display: block; margin: 0 auto; float: none;}
	.header{padding-top:80px;}
	#header_claim{text-align:center;}
	#header_claim h1{font-size:2em;margin-top:0;}
	#header_claim h1,#header_claim h2{margin-left:0}
	#header_claim img{margin:0 auto 2em;}
	#header_claim .form_iframe{width:90%;margin-top:11em;}
	#reinvent h1,#reinvent h2,#datacontrol .desc{margin-left:0;}
	#challenges h1,#reinvent h1,#cybersecurity h1{font-size:2.5em;}
}