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

a {
	text-decoration: none;
	transition: all .5s;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin: 0;
	padding: 0;
}
nav, header, section, article, main, footer {
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	position:relative;
}

ul,li{
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0;
}

#main_section{
	font-family:"Campton Book", "Century Gothic";
	font-size:16px;
	color:#555555;
}

.contenido_oculto{
	transform:translateY(20px) !important;
	opacity:0 !important;
}

.tdelay_3{
	transition-delay:.3s !important;
}
.tdelay_6{
	transition-delay:.6s !important;
}
.tdelay_9{
	transition-delay:.9s !important;
}
.tdelay_12{
	transition-delay:1.2s !important;
}

#main_section .contenedor {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: relative;
	display:block;
	width:100%;
	max-width:1000px;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}

.button_zone{
	text-align:center;
	font-size:0;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}
.button_zone a{
	display:inline-block;
	font-family:"Campton Medium", "Century Gothic";
	font-size:20px;
	border-radius:50px;
	color:#ffffff;
	padding:15px 20px;
	background-color:#0971ce;
}
.button_zone a:hover{
	background-color:rgba(9,103,206,.7);
	transition:background .5s;
}

.new_line{
	display:block;
}
.texto_azul{
	color:#2870c9;
}

h2{
	font-family:"Campton Book", "Century Gothic";
	font-size:30px;
	color:#2870c9;
	padding-bottom:65px;
	text-align:center;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}

#header_section{
	background-position:top center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(../img/header.jpg);
	padding:260px 0 160px;
}
#header_section h1{
	font-family:"Campton Medium", "Century Gothic";
	font-size:40px;
	color:#ffffff;
	text-align:center;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}

#info_empresa{
	padding:70px 0 100px;
	display:table;
	width:100%;
}

#info_empresa .col_info{
	display:table-cell;
	width:50%;
	box-sizing:border-box;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}
#info_empresa .col_info:first-child{
	padding-right:25px;
}
#info_empresa .col_info:last-child{
	padding-left:25px;
}

#info_empresa .col_info strong{
	font-family:"Campton SemiBold", "Century Gothic";
}

#counters{
	background-position:top center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(../img/counter.jpg);
	padding:10px 0;
	font-size:0;
}

#counters article{
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	vertical-align:top;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}

#counters article .counter_box{
	width:100%;
	max-width:190px;
	height:190px;
	margin:0 auto;
	text-align:center;
	transition:background .5s;
}
#counters article .counter_box:hover{
	background-color:rgba(255,255,255,.13);
}
#counters article .counter_box .counter_number{
	font-family:"Campton Book", "Century Gothic";
	font-size:55px;
	color:#ffffff;
	padding-top:50px;
}

#counters article .counter_box .counter_number.plus_icon:after,
#counters article .counter_box .counter_number.plus_icon:before{
	font-family:"Campton Book", "Century Gothic";
	font-size:55px;
	color:#ffffff;
}

#counters.left_symbol article .counter_box .counter_number.plus_icon:before{
	content:"+";
}
#counters.right_symbol article .counter_box .counter_number.plus_icon:after{
	content:"+";
}



#counters article .counter_box .info_counter{
	font-family:"Campton Book", "Century Gothic";
	font-size:18px;
	color:#ffffff;
}

#timeline{
	padding:90px 0 60px;
}
#timeline .contenedor{
	overflow:hidden;
}

#timeline #year_list{
	font-size:0;
	padding-bottom:30px;
	position:relative;
	overflow-x:hidden;
}

#timeline #year_list:before{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	left:0;
	bottom:9px;
	background-color:#318dde;	
}

#timeline #year_list ul{
	transition: margin .3s;
}
#timeline #year_list li{
	font-family:"Campton Book", "Century Gothic";
	font-size:27px;
	color:#81a9e1;
	display:inline-block;
	width:70px;
	text-align:center;
	cursor:pointer;
	transition:color .3s;
}

#timeline #year_list #selected_item{
	position:absolute;
	bottom:0;
	display:block;
	width:16px;
	height:16px;
	border-radius:50%;
	border:2px solid #318dde;
	margin:0;
	transition:left .3s;
	background-color:#fff;
}

#timeline #year_list li:hover,
#timeline #year_list li.selected_year{
	color:#318dde;
}

#timeline #slider_year{
	display:table;
	padding-top:40px;
	transition:margin .3s;
}
#timeline #slider_year article{
	display:table-cell;
	padding:0 90px;
	box-sizing:border-box;
	text-align:center;
	font-size:18px;
}

#timeline #navigation_year{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	display:none;
}

#timeline #navigation_year div{
	position:absolute;
	top:0;
	height:100%;
	width:35%;
	cursor:pointer;
}
#timeline #navigation_year #prev_year{
	left:0;
}
#timeline #navigation_year #next_year{
	right:0;
}
#timeline #navigation_year div span{
	position:absolute;
	font-size:90px;
	top:-40px;
	height:100%;
	color:#318dde;
}
#timeline #navigation_year #prev_year span{
	left:0;
}
#timeline #navigation_year #next_year span{
	right:0;
}

#brain{
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(../img/brain.jpg);
	padding:60px 0;
}
#brain p{
	background:url(../img/icon_brain.png) top center no-repeat;
	padding-top:60px;
	font-family:"Campton Book", "Century Gothic";
	font-size:27px;
	color:#ffffff;
	text-align:center;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}

#awards{
	padding:100px 0;
}

#awards #awards_list{
	font-size:0;
}

#awards #awards_list li{
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	padding:0 25px;
	font-family:"Campton Book", "Century Gothic";
	font-size:16px;
	color:#555555;
	text-align:center;
	vertical-align:top;
	opacity:1;
	transform:translateY(0);
	transition:opacity .3s, transform .3s;
}
#awards #awards_list li:before{
	content:"";
	display:block;
	width:191px;
	height:240px;
	margin:0 auto;
	background-image:url(../img/sprite_features.png);
	background-repeat:no-repeat;
}
#awards #awards_list li#award1:before{
	background-position:left top;
}
#awards #awards_list li#award2:before{
	background-position:-191px top;
}
#awards #awards_list li#award3:before{
	background-position:-382px top;
}
#awards #awards_list li#award4:before{
	background-position:-573px top;
}


#cta{
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(../img/cta.jpg);
	padding:160px 0;
}


@media screen and ( max-width: 640px ) {
	
	.tdelay_3,
	.tdelay_6,
	.tdelay_9,
	.tdelay_12{
		transition-delay:0s !important;
	}
	
	#info_empresa{
		display:block;
	}
	#info_empresa .col_info{
		display:block;
		width:100%;
		padding:0 25px 25px;
	}
	
	#counters article{
		width:50%;
		padding-bottom:25px;
	}
	
	#timeline #navigation_year{
		display:block;
	}
	#timeline #slider_year article{
		padding:0 25px;
	}
	
	#timeline #year_list #selected_item{
		left:50%;
		margin-left:-10px;
	}
	#awards #awards_list li{
		width:100%;
		padding-bottom:25px;
	}
}

@media screen and ( min-width: 641px ) and ( max-width: 999px ) {
	#awards #awards_list li{
		width:50%;
		padding-bottom:25px;
	}
}
	
@media screen and ( max-width: 999px ) {
	#main_section .contenedor{
		width:95%;
	}
}