/*
Table of Contents:
	1. General
	2. Header
	3. Footer
	4. Content
		4.1 Slide-1
		4.2 Slide-2
		4.3 Slide-3
		4.4 Slide-4
		4.5 Slide-5
		4.6 Navigation
		4.7 Animations
	5. Parallax
	6. Print
*/

/* ========== 1. General ==================================================== */

html, body{
	margin:0;
	padding:0;
}
body {
	font-size: 100%;
	font-family: "lato", "sans-serif", tahoma, verdana;
	color: #0b486e;
	background-color:#ffffff;
	font-weight: normal;
	line-height:1.4;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body.page-template .container {
	overflow-x: initial;
}
h1, h2, h3, h4{
	font-family: "roboto", Arial;
}
h1 {
	font-weight: bold;
	margin: 10px 0 10px 0px;
	font-size: 450%;
	text-transform: uppercase;
	text-shadow: 2px 0 #B61A38;
}
h2 {
	font-weight: bold;
	font-size: 320%;
	padding:0px;
	margin: 15px 0px 10px 0px;
	font-weight: bold;
}
.slide h2{
	text-shadow: 2px 0 #B61A38;
}
img{
	border: none;
}
td, th{
	vertical-align:top;
}
th{
	text-align:left;
	color:#64A7D1;
	font-weight:normal;
}
iframe{
	overflow:hidden;
	border:0px;
}
div, form{
	border:0px;
	padding:0px;
}
table{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border-collapse: collapse;
	border-spacing: 0;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
a img {
	border: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}
input, textarea{
	padding:5px;
	border:1px solid #C1CDDA;
	background-color:#ffffff;
}
[hidden]{
	display: none;
}
@media screen and (max-width:1000px){
	h1 {
		font-size: 430%;
	}
	h2 {
		font-size: 300%;
	}
}
@media screen and (max-width:800px){
	body {
		font-size: 95%;
	}
	h1 {
		font-size: 400%;
	}
	h2 {
		font-size: 270%;
	}
}
@media screen and (max-width:700px){
	.priority-medium{
		display:none !important;
	}
}
@media screen and (max-width:500px){
	body {
		font-size: 90%;
	}
	h1 {
		font-size: 300%;
	}
	h2 {
		font-size: 200%;
	}
	.priority-low{
		display:none !important;
	}
}
@media screen and (max-width:350px){
	h1 {
		font-size: 250%;
	}
	h2 {
		font-size: 180%;
	}
	.priority-low{
		display:none !important;
	}
}
/* ========== 2. Header ===================================================== */

.header{
	border-bottom:6px solid #64A7D0;
}
.header .container{
	margin: 0 auto;
	position: initial;
}
.header .header-langs{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 14px;
}
.header .item.search,
.header .item.translations:before{
	display: none !important;
}

/* ========== 3. Footer ===================================================== */

.footer{

}
.cookieMsg{
	border-top: 1px solid #606060;
}

/* ========== 4. Content ==================================================== */

.container{
	position: relative;
	width: 1100px;
	margin: 0px auto;
}
.slide .container{
	margin: 50px auto 100px auto;
	padding: 0 10px;
}
.columns{
	list-style: none;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0px;
}
.columns li{
	display: table-cell;
	padding:0 20px 20px 20px;
	vertical-align: top;
}
.columns li:first-child{
	padding-left:0;
}
.columns li:last-child{
	padding-right:0;
}
.content{
	position:relative;
}
.infinity-border{
	background: #0B486E url('../../images/pages/fight-ransomware/icon-bug-white.png') no-repeat 0% 50%;
	padding: 10px 30px 0 30px;
	color:#ffffff;
	padding: 10px 30px 10px 30px;
	border-right:4px solid #F2304D;
	margin: 50px 0 50px 0;
	font-weight: normal;
	display: inline-block;
	position:relative;
	text-transform: uppercase;
}
.infinity-border:before{
	position: absolute;
	content: "";
	height: 100%;
	background-color: #0B486E;
	left: -5000px;
	width: 5000px;
	margin-top: -10px;
}
.infinity-border.red{
	background-color: #F2304D;
	border-color: #0B486E;
}
.infinity-border.red:before{
	background-color: #F2304D;
}
@media screen and (max-width:1150px){
	.container{
		width: auto;
		margin:0 25px;
	}
}
@media screen and (max-width:900px){
	.columns{
		display: block;
	}
	.columns li{
		display: inline-block;
		width: 49.5%;
	}
	.columns li:nth-of-type(2n+1){
		padding-left:0;
	}
	.columns li:nth-of-type(2n){
		padding-right:0;
	}
	.mobile-no-float{
		float:none !important;
		width:100% !important;
	}
}
@media screen and (max-width:500px){
	.columns li{
		display: block;
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	.infinity-border{
		background-image: url('../../images/pages/fight-ransomware/2x/icon-bug-white.png');
		background-size:22px auto;
	}
}
/* ---------- 4.1 slide-1 ---------------------------------------- */
#slide-1{
	background-color:#F0F6F9;
	z-index:1;
}
#slide-1 .text{
	max-width: 650px;
	min-height: 510px;
}
#slide-1 .grey-line-top{
	background-color:#F0F6F9;
	height:775px;
}
#slide-1 .pattern-top {
	background: #D0EBF7 url('../../images/pages/fight-ransomware/pattern.png') repeat-x top left;
	position:absolute;
	height: 650px;
}
#slide-1 h1{
	font-size: 42px;
	margin-top:50px;
	margin-bottom:10px;
	line-height: 1.2;
	color: #265A82;
	text-shadow:none;
	text-transform: none;
}
#slide-1 h1 span{
	color:#ffffff;
	font-size: 140%;
}
#slide-1 h2{
	font-size: 30px;
	color: #265A82;
	text-shadow:none;
	line-height: 1.2;
	max-width: 500px;
}
#slide-1 .download-modal-text{
	background-color: #A4D3EF;
	padding: 15px;
	color: #265A82;
}
#slide-1 .terms{
	background-color: transparent;
	padding: 0;
}
#slide-1 .hacker{
	width: 400px;
	position: absolute;
	top: 0;
	right: 0;
}
#slide-1 ul li h3 {
	font-size: 27px;
	margin: 0;
}
.buttons-group{
	text-align: center;
}
a.download{
	display: inline-block;
	background: #d64141;
	text-decoration: none;
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 14px 20px 16px 20px;
	font-size: 22px;
	display: inline-block;
	margin: 5px;
	border-radius: 3px;
	min-width: 100px;
}
a.download.blue{
	background-color: #0b486e;
}
a.download.small{
	padding: 12px 85px 12px 25px;
	font-size: 20px;
}
a.buy{
	display: inline-block;
	background: #ff6534;
	text-decoration: none;
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 14px 20px 16px 20px;
	font-size: 22px;
	display: inline-block;
	margin: 5px;
	border-radius: 3px;
	min-width: 100px;
}
.alt-links{
	margin: 5px 0 10px 0;
}
.download-modal-text{
	font-size: 14px;
}
#slide-1 .icon{
	display:block;
	height: 180px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#slide-1 .secure{ background-image: url('../../images/pages/fight-ransomware/slide-1-1.png') }
#slide-1 .safe{ background-image: url('../../images/pages/fight-ransomware/slide-1-2.png') }
#slide-1 .stay{ background-image: url('../../images/pages/fight-ransomware/slide-1-3.png') }
#slide-1 .clock{ background-image: url('../../images/pages/fight-ransomware/slide-1-4.png') }
#slide-1 a.video{
	position: absolute;
	top: 335px;
	right: calc(200px - 125px);
	display: block;
	margin:0 auto 40px auto;
	background: url("../../images/pages/fight-ransomware/video.svg") no-repeat scroll center center;
	width: 250px;
	height: 80px;
	font-size: 26px;
	color: #265A82;
	text-decoration: none;
	background-size: contain;
	padding: 0 25px 0 101px;
	line-height: 1;
	display: flex;
	align-items: center;
}
@media screen and (max-width:1090px){
	#slide-1{
		background-color: #D0EBF7;
	}
	#slide-1 .text{
		max-width: none;
		min-height: 0;
	}
	#slide-1 .hacker{
		display: none;
	}
	#slide-1 a.video{
		position: initial;
		margin: 30px auto 0 auto;
	}
	#slide-1 h2{
		max-width: none;
	}
}
@media screen and (max-width:900px){
	#slide-1{
		min-height:0;
	}
	#slide-1 li{
		position:relative;
		padding-left: 120px;
	}
	#slide-1 .icon{
		width:100px;
		height:100%;
		max-height: 150px;
		background-size: contain !important;
		background-position: center top;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
	}
	#slide-1 h1{
		font-size:300%;
	}
}
@media screen and (max-width:500px){
	#slide-1 h1{
		font-size:200%;
	}
	a.download{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 18px;
		background-size: auto 40px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	#slide-1 .secure{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-1-1.png');
		background-size: 80px auto;
	}
	#slide-1 .safe{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-1-2.png');
		background-size: 174px auto;
	}
	#slide-1 .stay{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-1-3.png');
		background-size: 170px auto;
	}
	#slide-1 .clock{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-1-4.png');
		background-size: 93px auto;
	}
}

/* ---------- 4.2 slide-2 ---------------------------------------- */
#slide-2{
	background-color:#ffffff;
	z-index:2;
}
#slide-2 .pattern{
	top:0px;
	background: url('../../images/pages/fight-ransomware/ransomware-back.png') no-repeat 50% 25%;
	height:300px;
	position:absolute;
}
#slide-2 h2{
	margin-top:75px;
	margin-bottom:50px;
	padding-left:60px;
	background: url('../../images/pages/fight-ransomware/icon-search.png') no-repeat 0% 50%;
	min-height: 43px;
}
#slide-2 .text{
	margin-bottom:30px;
}
#slide-2 .hacker{
	background: url('../../images/pages/fight-ransomware/what-is-ransomware.svg?v=2') no-repeat center top;
	background-size: contain;
	width:400px;
	height:351px;
	float:right;
	margin-bottom: 30px;
}
@media screen and (max-width:900px){
	#slide-2 .hacker{
		width: 70% !important;
		margin: 0 auto 30px auto;
		padding-bottom: 50%;
		height: auto;
	}
}
@media screen and (max-width:600px){
	#slide-2 h2{
		margin-top:50px;
		margin-bottom:30px;
	}

}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	#slide-2 .pattern{
		background-image: url('../../images/pages/fight-ransomware/2x/ransomware-back.png');
		background-size:auto 115px;
	}
	#slide-2 h2{
		background-image: url('../../images/pages/fight-ransomware/2x/icon-search.png');
		background-size:auto 43px;
	}
}

/* ---------- 4.3 slide-3 ---------------------------------------- */
#slide-3{
	background-color: #D0EBF7;
	z-index:3;
}
#slide-3 .pattern{
	top:60px;
	background: url('../../images/pages/fight-ransomware/ransomware-back.png') no-repeat center top;
	height:115px;
	position:absolute;
}
#slide-3 .pattern-waves {
	top:230px;
	background: #D0EBF7 url('../../images/pages/fight-ransomware/pattern.png') repeat top left;
	height:570px;
	position:absolute;
}
#slide-3 h2{
	margin-top:85px;
	padding-left:60px;
	background: url('../../images/pages/fight-ransomware/icon-mail.png') no-repeat 0% 50%;
	min-height: 43px;
}
#slide-3 .infect li {
	text-align:center;
}
#slide-3 ul.infect .icon{
	display:block;
	height: 140px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#slide-3 .infect .email{ background-image: url('../../images/pages/fight-ransomware/slide-3-top-1.png') }
#slide-3 .infect .link{ background-image: url('../../images/pages/fight-ransomware/slide-3-top-2.png') }
#slide-3 .infect .update{ background-image: url('../../images/pages/fight-ransomware/slide-3-top-3.png') }
#slide-3 .infect .vulnerability{ background-image: url('../../images/pages/fight-ransomware/slide-3-top-4.png') }

#slide-3 .chart{
	max-width:818px;
	height:520px;
	background: url('../../images/pages/fight-ransomware/chart.png') no-repeat center top;
	background-size: contain;
	margin:0 auto;
	position:relative;
}
#slide-3 .chart div{
	position:absolute;
	width:200px;
	text-align:center;
	font-size: 95%;
}
.chart .infect{
	top: 150px;
	left: 0%;
}
.chart .lock-1{
	top: 0;
	left: 40%;
}
.chart .lock-2{
	top: 300px;
	left: 40%;
}
.chart .note{
	top: 150px;
	right: 0;
}
.chart .icon{
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	width:190px;
	height:150px;
	margin-bottom:5px;
}
.chart .infect .icon{ background-image: url('../../images/pages/fight-ransomware/slide-3-1.png'); }
.chart .lock-1 .icon{ background-image: url('../../images/pages/fight-ransomware/slide-3-2.png'); }
.chart .lock-2 .icon{ background-image: url('../../images/pages/fight-ransomware/slide-3-4.png'); }
.chart .note .icon{ background-image: url('../../images/pages/fight-ransomware/slide-3-3.png'); }

@media screen and (max-width:900px){
	#slide-3 .chart{
		height:auto;
		background:none !important;
	}
	#slide-3 .chart div{
		position:relative;
		display: inline-block;
		width: 49.5%;
	}
	#slide-3 .chart div{
		top:auto;
		left:auto;
		right:auto;
		vertical-align: top;
		margin-bottom:40px;
	}
	.chart .icon{
		margin:0 auto 5px auto;
	}
}
@media screen and (max-width:500px){
	#slide-3 .chart div{
		display: block;
		width: 100%;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	#slide-3 h2{
		background-image: url('../../images/pages/fight-ransomware/2x/icon-mail.png');
		background-size:auto 45px;
	}
	#slide-3 .pattern{
		background-image: url('../../images/pages/fight-ransomware/2x/ransomware-back.png');
		background-size: auto 115px;
	}
	#slide-3 .pattern-waves {
		background: #D0EBF7 url('../../images/pages/fight-ransomware/2x/pattern.png');
		background-size: auto 570px;
	}
	#slide-3 .infect .email{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-3-top-1.png');
		background-size: 127px auto;
	}
	#slide-3 .infect .link{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-3-top-2.png');
		background-size: 140px auto;
	}
	#slide-3 .infect .update{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-3-top-3.png');
		background-size: 141px auto;
	}
	#slide-3 .infect .vulnerability{
		background-image: url('../../images/pages/fight-ransomware/2x/slide-3-top-4.png');
		background-size: 142px auto;
	}
	#slide-3 .chart{
		background-image: url('../../images/pages/fight-ransomware/2x/chart.png');
		background-size: 818px auto;
	}
	.chart .infect .icon{ background-image: url('../../images/pages/fight-ransomware/2x/slide-3-1.png'); background-size: auto 143px; }
	.chart .lock-1 .icon{ background-image: url('../../images/pages/fight-ransomware/2x/slide-3-2.png'); background-size: auto 145px; }
	.chart .lock-2 .icon{ background-image: url('../../images/pages/fight-ransomware/2x/slide-3-4.png'); background-size: auto 145px; }
	.chart .note .icon{ background-image: url('../../images/pages/fight-ransomware/2x/slide-3-3.png'); background-size: auto 147px; }
}

/* ---------- 4.4 slide-4 ---------------------------------------- */
#slide-4{
	background-color:#ffffff;
	z-index:4;
}
#slide-4 .pattern{
	top:70px;
	background: url('../../images/pages/fight-ransomware/ransomware-back.png') no-repeat center top;
	height:115px;
	position:absolute;
}
#slide-4 h2{
	margin-top:100px;
	margin-bottom:80px;
	padding-left:70px;
	background: url('../../images/pages/fight-ransomware/icon-protect.png') no-repeat 0% 50%;
}
#slide-4 .text{
	width:50%;
}
#slide-4 ul{
	list-style-image: url('../../images/pages/fight-ransomware/icon-yes.png');
}
#slide-4 ul li{
	padding-bottom:20px;
}
#slide-4 .text{
	width:50%;
	float:left;
	margin-bottom:30px;
}
#slide-4 .cloud{
	background: url('../../images/pages/fight-ransomware/cloud.png') no-repeat center top;
	background-size: contain;
	width:400px;
	height:366px;
	float:right;
	margin-bottom: 30px;
}
@media screen and (max-width:900px){
	#slide-4 .cloud{
		width: 70% !important;
		margin: 0 auto 30px auto;
		padding-bottom: 50%;
		height: auto;
	}
}
@media screen and (max-width:600px){
	#slide-4 h2{
		margin-top:50px;
		margin-bottom:40px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	#slide-4 h2{
		background-image: url('../../images/pages/fight-ransomware/2x/icon-protect.png');
		background-size:45px auto;
	}
	#slide-4 .pattern{
		background-image: url('../../images/pages/fight-ransomware/2x/ransomware-back.png');
		background-size:auto 115px;
	}
	#slide-4 .cloud{
		background-image: url('../../images/pages/fight-ransomware/2x/cloud.png');
	}
}
/* ---------- 4.5 slide-5 ---------------------------------------- */
#slide-5{
	background-color:#ffffff;
	z-index:5;
}
#slide-5 .city-end {
	position: absolute;
	background: url('../../images/pages/fight-ransomware/city-footer.png') no-repeat center bottom;
	background-size:100% auto;
	height: 100%;
}
@media screen and (min-width:1500px){
	#slide-5{
		min-height:800px;
	}
}
@media screen and (max-width:1000px){
	#slide-5{
		min-height:500px;
	}
	#slide-5 .city-end {
		background-size:auto 450px;
	}
}
@media screen and (max-width:800px){
	#slide-5{
		min-height:400px;
	}
	#slide-5 .city-end {
		background-size:auto 340px;
	}
}
@media screen and (max-width:500px){
	#slide-5{
		min-height:300px;
	}
	#slide-5 .city-end {
		background-size:auto 260px;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	/* retina */
	#slide-5 .city-end {
		background-image: url('../../images/pages/fight-ransomware/2x/city-footer.jpg');
		background-size:100% auto;
	}
}
/* ---------- 4.6 navigation ---------------------------------------- */
#navigation{
	position:fixed;
	z-index:9999;
	right:15px;
	top:40%;
}
#navigation a{
	position: relative;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:1px solid #666666;
	background-color:#ffffff;
	margin-top:10px;
}
#navigation .active{
	background-color:#666666;
}
.ie7 #navigation .active, .ie8 #navigation .active{
	border:1px solid #000000;
	background-color:#ffffff;
}
#navigation a[data-title]:hover:before{
	position: absolute;
	right:20px;
	top:-4px;
	content: attr(data-title);
	font-size:12px;
	color: #333333;
	text-shadow: 0 0 10px #ffffff;
	text-shadow: 0 0 10px #ffffff;
	white-space: nowrap;
	text-decoration:none;
}

/* ---------- 4.7 animations ---------------------------------------- */

.floating{
	animation-name: floating;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-name: floating;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(5%);
	}
	100% {
		transform: translateY(0%);
	}
}
@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

/* ========== 5. Paralax ==================================================== */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
.parallax-image {
	position:fixed;
	left:0;
	width:100%;
	overflow:hidden;
}
.slide{
	overflow:hidden;
	position: relative;
}

/* ========== 6. Print ====================================================== */

@media print{
	body{
		background:none !important;
		background: #fff;
		background-color: #fff;
		font-family: Arial,Helvetica,Verdana;
		width:auto !important;
		height:auto !important;
		padding:5px !important;
		font-size: 14px;
		margin:0 10px 0 10px;
	}
	div{
		background:none !important;
		background-color: #fff;
		border: 0px !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		min-height:0 !important;
	}
	table{
		background:none !important;
		background-color: #fff;
		border-collapse: collapse;
		border-spacing: 0;
		border: 0px !important;
		border-top: 1px solid #cccccc !important;
		border-left: 1px solid #cccccc !important;
		width:99% !important;
		overflow: visible !important;
	}
	th, td{
		border-right: 1px solid #cccccc !important;
		border-bottom: 1px solid #cccccc !important;
	}
	h1{
		font-size: 30px !important;
		margin:15px 0 !important;
	}
	h2{
		font-size: 24px !important;
		margin:10px 0 !important;
	}
	h3{
		font-size: 20px !important;
		margin:5px 0 !important;
	}
	h1, h2, h3, h4{
		color:#000000 !important;
		background:none !important;
		border:0 !important;
		text-shadow: none;
		height: auto !important;
		padding-left:0 !important;
		text-align:left !important;
	}
	h1:before, h2:before, h3:before, h4:before{
		display: none !important;
	}
	a{
		color:#000000 !important;
		text-decoration:underline;
	}
	.header, .footer, .no-print{
		display: none !important;
		height: 0;
		width: 0;
	}
	.print-reset{
		position:relative !important;
		float:none !important;
		width:auto !important;
		height:auto !important;
		min-width:0 !important;
		max-width:none !important;
		text-align:left !important;
		left:0 !important;
		top:0 !important;
		bottom:0 !important;
		right:0 !important;
		margin:10px 0 10px 0 !important;
	}
}

.download_terms h2{
	font-size: 25px;
}