﻿.contenedor {
	max-width: 1000px;
}
.section_p{
	font-family:"Campton Light", "Century Gothic";
	font-size:16px;
	text-align:justify;
	padding-bottom:15px;
	max-width:890px;
	margin:0 auto;
}
.section_p strong{
	font-family:"Campton SemiBold", "Century Gothic";
	font-weight:bold;
}

.animated_thing{
	transition:transform .5s, opacity .5s, border .5s;
}
.pieza_grafico_oculta,
.pieza_oculta_header,
.pieza_oculta{
	transform:translateY(20px);
	opacity:0;
}
.tdelay_3{
	transition-delay:.3s;
}
.tdelay_6{
	transition-delay:.6s;
}
.tdelay_9{
	transition-delay:.9s;
}
.tdelay_12{
	transition-delay:1.2s;
}
.tdelay_15{
	transition-delay:1.5s;
}

.button_zone a{
	display: inline-block;
	box-sizing: border-box;
	min-width: 253px;
    height: 42px;
    line-height: 42px;
    padding: 0;
}

.h3_title{
	font-size: 40px;
}

nav{
	background-color:rgba(46,52,57,0.70) !important;	
}
nav.small_menu{
	background-color:#2e3439 !important;
}

header{
	text-align:center;
	margin-bottom:20px;
	background:url(/bitrix/templates/ad/ad_files/img/header_wannasave.jpg) center top no-repeat;
	background-size:cover;
	background-attachment:fixed;
}


header #header_claim h1{
	font-family:"Campton SemiBold", "Century Gothic";
	font-weight:bold;
	padding-bottom:40px;
}
header #header_claim h2{
	font-family:"Campton Book", "Century Gothic";
	font-size:16px;
	max-width:650px;
	width:100%;
	margin:0 auto;
	padding-bottom:35px;
}
header #scroll_down{
	position:absolute;
	bottom:25px;
	width:100%;
	left:0;
}

header #scroll_down a{
	font-family:"Campton Book", "Century Gothic";
	font-size:10px;
	position:relative;
	padding-top:35px;
	color:#ffffff;
}
header #scroll_down a:after{
	content:"";
	display:block;
	width:100%;
	height:31px;
	background:url(/bitrix/templates/ad/ad_files/img/scroll_down.png) top center no-repeat;
	position:absolute;
	left:0;
	top:0;
}

#infografia{
	padding:80px 0 60px;
	color:#454f5c;
}
#infografia p{
	font-family:"Campton Book", "Century Gothic";
	font-size:17px;
	text-align: center;
}
#infografia .h3_title{
	padding:110px 0 40px;
}
#infografia h4{
	padding-bottom:40px;
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:22px;
	font-weight:bold;
	text-align: center;
	color:#858d97;
}

#infografia #infografic_zone{
	display: block;
	width:100%;
	max-width: 1000px;
	margin:0 auto;
}

#different_attack{
	color:#454f5c;
}

#different_attack #explication_zone h3{
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:25px;
	font-weight:bold;
	color:#303e48;
	text-align: left;
	padding:0 0 25px 35px;
}

#different_attack #explication_zone p{
	font-family:"Campton Book", "Century Gothic";
	font-size:16px;
	padding-top: 25px;
	padding-left: 35px
}


#different_attack #explication_zone ul{
	font-family:"Campton Book", "Century Gothic";
	font-size:16px;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 35px;
}
#different_attack #explication_zone ul li{
	padding-top: 25px;
	padding-left: 15px;
	position: relative;
}
#different_attack #explication_zone ul li:before{
	content:"-";
	position: absolute;
	left: 0;
}

#inteligencia{
	text-align:center;
	padding:50px 0 90px;
	background-color:#3a4047;
}

#inteligencia .slider_zone{
	padding-top:60px;
}

#inteligencia article{
	padding:190px 0 20px;
	position:relative;
}

#inteligencia article:before{
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-75px;
	width:150px;
	height:150px;
	border:2px solid;
	border-radius:100px;
	font-family:ico_panda;
	content:"";
}
#inteligencia article#next-generation:before{
	border-color:#fd9d56;
	background:url(/bitrix/templates/ad/ad_files/img/escudo.png) center no-repeat;
}

#inteligencia article#endpoint-detection:before{
	border-color:#51d4a3;
	background:url(/bitrix/templates/ad/ad_files/img/ad.png) center no-repeat;
}

#inteligencia article#malware-intelligence:before{
	border-color:#7eb8eb;
	background:url(/bitrix/templates/ad/ad_files/img/atomo.png) center no-repeat;
}

#inteligencia article h4{
	font-family:"Campton Light", "Century Gothic";
	font-size:22px;
	max-width:250px;
	margin:0 auto;
	padding-bottom:25px;
}
#inteligencia article#next-generation h4{
	color:#fd9d56;
}

#inteligencia article#endpoint-detection h4{
	color:#51d4a3;
}

#inteligencia article#malware-intelligence h4{
	color:#7eb8eb;
}

#inteligencia article p{
	font-family:"Campton Light", "Century Gothic";
	font-size:16px;
	color:#ffffff;
}
#inteligencia article p strong{
	font-family:"Campton SemiBold", "Century Gothic";
	font-weight:bold;
}
#inteligencia .button_zone a{
	padding:9px 40px;
}

#wannanumbers{
	background-color: #51565d;
	padding: 60px 0 80px;
}
#wannanumbers .button_zone{
	margin-top:-90px;
	margin-bottom:35px;
}

#wannanumbers #number_zone{
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
#wannanumbers #number_zone li{
	display: inline-block;
	width:25%;
	vertical-align: top;
	text-align: center;
	position: relative;
}
#wannanumbers #number_zone li .cantidad{
	font-family: "Campton Bold","Century Gothic";
    font-size: 35px;
	display: block;
	width: 177px;
	height: 177px;
	line-height: 177px;
	border-radius: 50%;
	border:1px solid #c1c1c2;
	position: relative;
	margin: 0 auto;
}
#wannanumbers #number_zone li .number_cantidad{
	width:145px;
	height: 145px;
	line-height: 145px;
	position:absolute;
	top:16px;
	left: 16px;
	border-radius: 50%;
}

#wannanumbers #number_zone #zoom_circle{
	background-color: #86898e;
	width:145px;
	height: 145px;
	border-radius: 50%;
	position:absolute;
	top:16px;
	left: 16px;
}
#wannanumbers #number_zone #zoom_circle:after{
	content: "";
	background-color: #616771;
	width:109px;
	height: 109px;
	border-radius: 50%;
	position:absolute;
	top:18px;
	left: 18px;
	transform: scale(1);
	transition: all .5s;	
	transition-delay: .3s;
}

#wannanumbers #number_zone .pieza_grafico_oculta #zoom_circle:after{
	transform: scale(0);
}

/*#wannanumbers #number_zone li#infected .cantidad .number_cantidad{
	background-color: #616771;
	border:18px solid #86898e;
	width:109px;
	height: 109px;
	line-height: 109px;
}
#wannanumbers #number_zone li#demanded .cantidad{
	background: url(/bitrix/templates/ad/ad_files/img/circle_radius.jpg) 11px center no-repeat;
}
#wannanumbers #number_zone li#countries .cantidad{
	background: url(/bitrix/templates/ad/ad_files/img/circle_dotted.jpg) 12px center no-repeat;
}*/

#wannanumbers #number_zone li .number_description{
	font-family: "Campton Book","Century Gothic";
    font-size: 16px;
	color:#ffffff;
	width:175px;
	padding-top:25px;
	margin: 0 auto;
}

#recomedations{
	padding: 80px 0 55px;
	color:#46505c;
	background-color: #eaecec;
}

#recomedations #slider_recomedations{
	font-size:0;
	padding-top:40px;
	text-align:center;
}

#recomedations #slider_recomedations article{
	display:inline-block;
	width:305px;
	height: 355px;
	box-sizing:border-box;
	vertical-align:top;
	border:1px solid #bfbfbf;
	border-radius:4px;
	margin-top: 42px;
	text-align: left;
	padding: 25px 25px;
}
#recomedations #slider_recomedations article:nth-child(2),
#recomedations #slider_recomedations article:nth-child(5){
	margin-left:42px;
	margin-right:42px
}
#recomedations #slider_recomedations article h4{
	font-family: "Campton SemiBold","Century Gothic";
    font-size: 40px;
	line-height: 1em;
}
#recomedations #slider_recomedations article p{
	font-family: "Campton Book","Century Gothic";
    font-size: 20px;
	padding-top: 20px;
}
#recomedations #slider_recomedations article p strong{
	font-family: "Campton SemiBold","Century Gothic";
	font-weight:bold;
}
#recomedations #slider_recomedations article .button_zone{
	margin-top:20px;
}
#recomedations #slider_recomedations article .button_zone a{
	width:100%;
	box-sizing: border-box;
	margin:0;
	padding: 0;
	height: 42px;
	line-height: 42px;
}


#research{
	padding:50px 0 20px;
	font-size:0;
	color:#454f5c;
	text-align:center;
}

#research article{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
	position:relative;
	padding:0 5px 9px;
	width:100%;
	margin-bottom: 50px;
}

#research article:after{
	content:"";
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:9px;	
}

#research article .contenido_imagen{
	width:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
}

#research article .title_img{
	font-family:"Campton Medium", "Century Gothic";
	font-size:15px;
	color:#ffffff;
	position:absolute;
	left:20px;
	bottom:20px;
}
#research article .title_descarga{
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-15px;
	width:100%;
	line-height:30px;
	text-align:center;
	
}
#research article .contenido_article{
	width:100%;
	position:relative;
}

#research article >.contenido_article{
	padding:35px 0;
}


#research article .contenido_article p{
	font-family:"Campton Medium", "Century Gothic";
	font-size:16px;
	color:#424b59;
}

#research article .contenido_article a.descarga{
	text-align:right;
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:12px;
	color:#424b59;
	position:absolute;
	right:0;
	top:4px;
	height:100%;
	box-sizing:border-box;
}
#research article .contenido_article a.descarga.icono_descarga{
	background: url("/bitrix/templates/ad/ad_files/img/download.png") center top no-repeat;
	background-size:auto 40px;
	padding-top:50px;
	top:20px;
}

#research article:after{
	background-color:#647791;
}
#research article .contenido_imagen{
	padding-top:33%;
}
#research article#research1 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/mediacenter_01.jpg);
}
#research article#research2 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/mediacenter_02.jpg);
}
#research article#research3 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/mediacenter_03.jpg);
}
#research article#research4 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/mediacenter_04.jpg);
}

#research.comparative_3col article .contenido_imagen{
	padding-top:76.82%;
}
#research.comparative_3col article#research1 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/resource_3col_1.jpg);
}
#research.comparative_3col article#research3 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/resource_3col_3.jpg);
}
#research.comparative_3col article#research4 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/resource_3col_2.jpg);
}
#research article .title_descarga{
	font-size:20px;
	line-height:30px;
	margin-top:-30px;
}
#research article .small{font-size:56px;}
#research article .lines{line-height: 50px;}
#research article .contenido_article p{	
	width:400px;
}

#research.comparative_3col article .contenido_article p{	
	width:220px;
	height: 3.6em;
}

.section_class article .contenido_article{
	width:100%;
	position:relative;
}

.section_class article >.contenido_article{
	padding:25px 0;
}


.section_class article .contenido_article p{
	font-family:"Campton Medium", "Century Gothic";
	font-size:16px;
	color:#424b59;
}
.section_class article .title_descarga{
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:30px;
	color:#ffffff;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-15px;
	width:100%;
	line-height:30px;
	text-align:center;
}
.section_class article .subtitle_descarga{
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:20px;
	color:#ffffff;
	position:absolute;
	top:100px;
	left:25px;
	width:100%;
}
.section_class article .title_img{
	font-family:"Campton Medium", "Century Gothic";
	font-size:15px;
	color:#ffffff;
	position:absolute;
	left:25px;
	top:325px;
}
.section_class article .contenido_imagen a.ver_video{
	display:block;
	text-align:center;
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:12px;
	color:#ffffff;
	padding-top:125px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-120px;
	width:100%;
	height:140px;
	box-sizing:border-box;
}
.section_class article .contenido_imagen a.ver_video:after{
	content:"";
	background:url(/bitrix/templates/ad/ad_files/img/play.png) center no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#videos{padding-bottom:150px;color:#454f5c}
#videos article:after{
    background-color: #647791;
}
#videos article::after {
    bottom: 0;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
#videos article .contenido_imagen{
	height:372px;
}
#videos article#videos1 .contenido_imagen{
	background-image:url(/bitrix/templates/ad/ad_files/img/videos_wanna1.jpg);
}
#videos article .title_descarga{
	width:auto;
	left:25px;
	top:75px;
}
#lateral_button{
	position: fixed;
	top:50%;
	left: -100px;
	margin-top:-50px;
	width:265px;
	height: 80px;
	padding: 20px;
	box-sizing: border-box;
	font-family:"Campton Bold", "Century Gothic";
	font-size:18px;
	color:#393f47;
	transform: rotate(-90deg);
	background-color: #fd9d56;
	text-align: center;
	z-index: 4;
}
#lateral_button a{
	color:#393f47;
}

#sticky_down{
	background-color: #fd9d56;
	text-align: center;	
	padding: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	width:100%;
	z-index: 3;
	box-sizing: border-box;
}
#sticky_down p{
	font-family:"Campton SemiBold", "Century Gothic";
	font-weight:bold;
	font-size:18px;
	color:#303e48;	
}

#sticky_down p a{
	font-size:14px;
	color:#ffffff;
	margin-left:45px;
	padding: 13px 50px;
	background-color: #303e48;
	border-radius: 50px;
}

#sticky_down.position_absolute {
    position: absolute;
}

#volver_arriba{
	bottom:10px;
	z-index: 4;
}
#volver_arriba a:after{
	left: -3px;
}

.owl-dots .owl-dot span {
	border:1px solid #c6d0db;
}
.owl-dots .owl-dot.active span, 
.owl-dots .owl-dot:hover span {
    background-color: #85aadb;
}


@media screen and ( max-width: 500px ){	
	#wannanumbers #number_zone li{
		width:100%;
		margin-bottom:25px;
	}
	
}

@media screen and ( min-width: 501px ) and ( max-width: 840px ){
	#wannanumbers #number_zone li{
		width:50%;
		margin-bottom:25px;
	}
}


@media screen and ( max-width: 640px ){
	#sticky_down,
	#lateral_button{
		display: none;
	}
}

@media screen and ( max-width: 840px ) {
	.contenedor{
		width:90%;
	}
	
	header {
		padding:140px 0 90px;
	}
	
	.h3_title{
		font-size: 22px;
	}
	
	
	#different_attack{
		padding: 40px 20px;
	}
	
	#infografia #infografic_zone{
		background: url(/bitrix/templates/ad/ad_files/img/WC-info_ckc_short-mobile-en.png) center top no-repeat;
		background-size: 100% auto;
		padding-top:120%;
	}
	#infografia #infografic_zone.spanish_infografi{
		background: url(/bitrix/templates/ad/ad_files/img/WC-info_ckc_short-mobile-es.png) center top no-repeat;
		background-size: 100% auto;
	}
	
	#lateral_button{
		height: 70px;
    	left: -130px;
		padding: 10px;
		font-size:18px;
	}
	#sticky_down{
		padding: 10px;
	}
	#sticky_down p{
		font-size:18px;
	}
	
	#sticky_down a{
		font-size:18px;
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 10px 0  0!important;
	}
}

@media screen and ( min-width: 841px ) and ( max-width: 999px ) {
	.contenedor{
		width:90%;
	}
	
	#infografia #infografic_zone{
		background-size: 100% auto;
	}
}

@media screen and ( min-width: 841px ) {	
	header{
		min-height:800px;
		height:100vh;
		padding:38vh 0 0;
	}
	header h1{
		font-size:45px;
	}	
	
	#different_attack{
		background: url(/bitrix/templates/ad/ad_files/img/banner_wannacry.jpg) center no-repeat #eaecec;
		padding: 75px 0 110px;
	}
	
	#infografia #infografic_zone{
		background: url(/bitrix/templates/ad/ad_files/img/wanacry_infografi.png) center top no-repeat;
		padding-top:46%;
	}
	#infografia #infografic_zone.spanish_infografi{
		background: url(/bitrix/templates/ad/ad_files/img/wanacry_infografi_es.png) center top no-repeat;
	}
	
	#different_attack #explication_zone{
		padding-left: 50%;
	}
	#research article{
		width:50% !important;
	}
	#research.comparative_3col article{
		width:33% !important;
	}
	
}
