﻿@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-display: block;
}@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-display: block;
}@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-display: block;
}@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-display: block;
}@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-display: block;
}@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-display: block;
}@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;
            font-display: block;
}

body,html,* {margin:0;padding:0;}
html,body {font-family:"Campton Light","Century Gothic";margin:0;padding:0;color:#4b5964;font-size:16px;}
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:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:center;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
.pieza_oculta{transform:translateY(20px);opacity:0;}
.pieza_oculta2{transform:translateX(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;}

#header {color:#ffffff;text-align:center; }
.usa_layout #header_back{background-image:url("//www.pandasecurity.com/rfiles/newhome2019/usa_layout/mac/header-earth-xl.jpg");}
#header_back{background-image:url("../img/fondo-top-parallax.jpg");  background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;padding:10em 0 6em; margin-top: -40px;}
#header h1 {font-size:2.25em; font-family:"Campton Bold","Century Gothic"; letter-spacing: 0.038em; margin: 0 auto; line-height: 1em;}
#header h1 sup{font-weight:normal;font-family:"Campton Light","Century Gothic"}
#header h2 {color:#ffffff;font-size:1.125em; font-family:"Campton ExtraLight","Century Gothic"; margin: 0.4em 0 1.65em; }
#header h2 span{color: #ffffff;font-family:"Campton Bold","Century Gothic"; }
#header p a {  color: #ffffff; background-color: #FF9012; padding: 0.86em 2.1em;font-family:"Campton Book","Century Gothic"; font-size: 0.875em;}
#header .comp{ margin-top: 3.2em; font-style: italic; font-size: 0.84em; }
#header .comp a{color: #f4f3f3; text-decoration: underline;font-family:"Raleway","Century Gothic"; font-weight: 300;}
.modal_back {  background-color: rgba(0, 0, 0, 0.5);    display: none;    left: 0;    min-height: 100%;    overflow: scroll;    position: fixed;    top: 0;    width: 100%;    z-index: 100;}
.modal_back .modal_div {font-family:"Campton Book","Century Gothic";  font-size: 0.9em;  text-align: justify;  margin: -20% 0 0 -25%;    width: 33.5%;    background-color: #ffffff;  left: 58%;    position: fixed;    top: 50%; }
.modal_back .modal_div .contenido_modal {    box-sizing: border-box;    height: 100%;    padding: 1.6em 3.187em 2.187em;}
.modal_back .modal_div .contenido_modal .icon_close_modal {    color: #0ea1a1;    cursor: pointer;    font-size: 40px;    position: absolute;    right: 10px;    top: 7px;}
.no_scroll {    overflow: hidden;}
.modal_back .modal_div h2{ font-size: 1.1em; margin: 1em 0 0.9em; text-align: center; }
.contenido_modal p{font-family:"Raleway","Century Gothic"; font-size: 1.01em; margin-bottom: 1.9em;}
.contenido_modal p.first{ text-align: center; font-size: 1.3em;font-family:"Arial","Century Gothic"; margin-bottom: 1em;}
.contenido_modal p.first span{ font-size: 2.5em; position: relative; top: 8px;}
.contenido_modal p a{ color: #0ea1a1; text-decoration: underline;}

#pricing #plansanchor {    margin-top: -205px;    position: absolute;}
#pricing{padding-top:2.7em;background-color: #F6F5F5;padding-bottom: 3.5em;}
#pricing h2{ font-size: 1.07em; letter-spacing: 0.03em;color:#2F3947;}
#pricing h3{font-family:"Campton Bold","Century Gothic"; font-size: 3.03em; margin-bottom:0.5em;  color: #2F3947;letter-spacing: 0.03em;}
#pricing .box{ padding: 1em 0 1.8em; color: #ffffff; border: 1px solid #CDCDCD;background-color:#fff;}
#pricing ul{ list-style: none; margin: 1.6em 1em 2.6em; font-size: 0.93em; padding: 0 0.5em; line-height: 1.11em;}
#pricing #premium ul {margin:0.1em 1em 1em;}
#pricing div.tdelay_6{ display: inline-block; width: 23.4em; vertical-align: top; margin:auto 1.2em;}
#premium .box{background-color:#19202e;}
#pricing .price{font-family:"Campton ExtraLight","Century Gothic"; color:#FF9012;font-size: 2em;}
#pricing .price span{font-family:"Campton ExtraLight","Century Gothic";display:inline-block;}
#pricing h4{ font-size: 1.37em;font-family:"Campton Light","Century Gothic"; color: #2F3947; margin: 0 0 1em;letter-spacing: 4.7px;}
#premium h4,#premium .special{ color: #2F3947;}
#pricing div.tdelay_6 .price{ color: #FF9012;}
#pricing #premium .price{ color: #FF9012;}
#pricing div.tdelay_6 li{ color: #4a5964;font-size: 1.125em;}
#pricing div.tdelay_6 li:nth-of-type(2){margin: 0.5em 0;}
#pricing #premium li{ color: #ffffff;font-family: "Campton ExtraLight", "Century Gothic";}
#pricing #premium li.special, #pricing #premium li.special a {font-family:"Campton SemiBold","Century Gothic";color:#ff910a;margin: 0.4em 0;}
#pricing #premium li:nth-of-type(5) {margin:0.5em 0;}
.special{font-family:"Campton SemiBold","Century Gothic";}
#pricing div.tdelay_6 .special{color: #ff910a; }
#pricing #premium .special, #pricing #premium .special a {color: #ff910a; }
#pricing a:not(.notbuttonlink){ color: #ffffff; font-size: 14px;margin: 0 auto;font-family:"Campton Book","Century Gothic"; position: relative;width: 80%;display:inline-block;height: 35px;line-height: 33px;padding: 2px;}
#pricing a.btn_italy{ color: #ffffff; font-size: 14px;margin: 0 auto;font-family:"Campton Book","Century Gothic"; position: relative;width: 80%;display:inline-block;line-height: 18px;padding: 2px;}
#pricing #premium .button_monthly{background-color:transparent;top:10px;display:inline-block;border: 1px solid #fff;font-family: "Campton Light", "Century Gothic" !important;color:#fff !important;font-weight: normal !important;}
#pricing a.notbuttonlink{background-color:transparent;color:#FFFFff;}
#pricing a.small {font-size: 1.1em;}
#pricing h3 a:not(.notbuttonlink){font-size:1em;padding:0;color:#0ea1a1;font-weight:600;margin:0;width:auto;}
#pricing p{ width: 78%; text-align: left; line-height: 18px;}
#pricing select{border: 1px solid #CDCDCD; color: #2F3947;  font-size: 1.25em;font-family:"Campton Light","Century Gothic"; padding: 0.4em 0 ; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0 auto 1em; background: url(../img/bg-select-circle.png) 95% -183px no-repeat;width: 85%;text-align-last: center;}
select::-ms-expand {    display: none;}
#pricing #premium select{ background-color: #19202e; border-color: #ff910a;color: #ff910a; background-image: url(../img/bg-select-circle.png);background-position:95% -283px;}
#pricing .nota{font-family:"Raleway","Century Gothic";font-weight:300;font-size:0.75em;max-width:640px;margin:0 auto;}
#pricing .nota_compatible{font-family:"Campton Book","Century Gothic";font-size:0.85em;margin-top:-4.5em;margin-bottom:1.5em; }
#pricing .nota_compatible i{font-family:"Campton Light","Century Gothic";}
#pricing .nota a {color: #0ea1a1; text-decoration: underline;}
.button_monthly{background-color:#fff;top:10px;display:inline-block;border: 1px solid #CDCDCD;font-family: "Campton ExtraLight", "Century Gothic" !important;color:#19202e !important;font-weight: normal !important;}
.button_yearly{background-color:#ff9012;top:inherit;display:inline-block;}
.off_label{position:relative;text-align:center;/*width:62px;*/background-color:#fff;color:#ff910a;padding:4px 5px 0;text-transform:uppercase;font-family:"Campton Bold","Century Gothic";margin:-76px -7px 0 0;font-size:10px;}
.off_label strong{font-family:"Campton Bold","Century Gothic";display:block;font-size:18px;line-height:1em;font-weight:normal;}
.off_label.off_label_mini{font-size:9px;}
.button_yearly .off_label{position:absolute;top:2px;left:2px;margin:inherit;display: inline-block;line-height: 13px;}

#pricing span.ideal {font-family: "Campton Book", "Century Gothic";font-size: 18px;vertical-align: super;}
#pricing span.ideal img {vertical-align: middle;padding-left: 10px;width: 46px;}
#pricing span.ideal span {display: inline-block;vertical-align: middle;}

#benefits {background: url("../img/fondo-ordenador.jpg") no-repeat;width: 100%;height: 575px;background-size: cover;color: #fff;}
#benefits .bgcontainer{margin-left:50%;min-height:519px;}
#benefits .tdelay_3 {min-height:519px;margin-top:-519px;text-align:center;width: 45%;margin-left: 50%;}
#benefits h3{font-family:"Campton Bold","Century Gothic";  margin: 1.5em auto 0;font-size:1.875em;line-height:1em;color: #fff;}
#benefits h3:nth-of-type(2){font-family:"Campton Bold","Century Gothic";  margin: 1.5em auto 0;font-size:1.25em;line-height:1em;color: #fff;}
#benefits h3 span{font-family:"Campton Bold","Century Gothic";color:#ff9012;line-height:normal;}
#benefits p{font-family:"Campton ExtraLight","Century Gothic";font-weight:300;margin: 1.5em auto 0;font-size:0.875em;color: #fff;}
#benefits .char span.icon-ic-escudo3{font-size:3.5em;margin-bottom: 5px;}
#benefits .char span.icon-ic-monitor2{font-size:3em;}
#benefits .char span.icon-ic-laptoptick{font-size:4em;}
#benefits .tdelay_3 p:nth-of-type(1) {width: 85%;}
#benefits .tdelay_3 p:nth-of-type(2) {width: 80%;}
#benefits .linea {width: 40px;margin: 0 auto; border-bottom: 1px solid #ff9012;padding-top:20px;}

#infected {padding:4em 0;font-family:"Campton Medium","Century Gothic"}
#infected .bgcontainer {min-height:360px;}
#infected .tdelay_3 {min-height:360px;margin-top:-360px;text-align:left;}
#infected h3{font-family:"Campton Bold","Century Gothic";font-size:1.875em;color:#2F3947;line-height:1em;text-align: center;margin-bottom: 1em;}
#infected p{margin: 1em 0;color:#2F3947;text-align: center;font-size: 0.81em;font-family:"Campton Light","Century Gothic";}
#infected .char {width: 28%;margin: 0 auto;}
#infected .char p{font-size:0.875em; text-align: left !important;display: inline-block;}
#infected .char span{font-size:2.2em;top:4px}
#infected .moreinfo p {text-align: center !important;margin: 1em;}
#infected .moreinfo {border: 1px solid #FF9012;color:#2F3947;max-width:360px;background-color: rgba(255,144,18,0.1);margin-top:2em;text-align: center;width: 30%;}
#infected .moreinfo a{font-weight:bold;color:#FF9012;text-decoration:none;}
#infected .char span{color:#3ec0cd;font-size:2em;display:inline-block; width:45px;vertical-align:text-bottom;position:relative;top:4px;height:30px;}

#chars{margin-top:1.8em;width: 100%;}
#chars .char{width: 32%;display: inline-block;}
#chars .char p{display:inline-block;font-family:"Campton ExtraLight","Century Gothic";font-weight:300;text-align: center;width: 85%;vertical-align: top;}
#chars .char span{display: block;font-size: 2.5em;text-align: center;height: 45px;}
#chars .char span.icon-ico_virus-01{left:4px;top:18px;}
.char{ margin-bottom:0.25em;}
.char a{font-weight:normal;color:#3ec1ce;text-decoration:underline}

#claim {background:url("../img/fondo-bottom-parallax.jpg") center 7px no-repeat fixed; background-size: cover; color: #ffffff;max-height: 375px;font-family:"Campton Light","Century Gothic";}
#claim .contenedor{ width: 1220px;}
#claim  .tdelay_3{min-height: 409px; }
#claim .button{ color: #fff; border:1px solid #FF9012; background-color: #FF9012; margin-top: 1.4em; display: inline-block; padding: 0.9em 1.5em;font-family:"Campton SemiBold","Century Gothic"; font-size: 13px; }
#claim .button:hover {background-color:#ef970e;color:#fff;}
#claim  p{font-size: 1em;font-family: "Campton ExtraLight", "Century Gothic";}
#claim p a{color: #ffffff;}
#claim  h3{ font-family:"Campton Bold","Century Gothic"; font-size:1em; margin: 0 auto ;padding-top: 5em;}
#claim h3 a{color:#fff;display: block;margin-bottom: 15px;font-size: 1.875em;}
.line {border-top:1px solid #ffffff;margin:1em auto 1em;width:1em;}
#cookieInfo{z-index:1;}

@media screen and (max-width:1280px) {	
	.solutions3 .tdelay_3 { background-size:50%; padding-left: 53%;}
	#header h1 { width: 95%;}
	#header p { font-size: 1em;}
	#pricing{padding-bottom:3.5em;}
	#pricing div.tdelay_6 {   width: 35%; margin-right: 3em; margin-top: 3em;}
	#pricing p {margin:0 auto;}
	#pricing .nota_compatible {margin-top:2em;}
}
@media screen and (max-width:1200px) {	
	#claim .tdelay_3 { background-size: 50%;}
	#claim .contenedor {    width: auto;}
}
@media screen and (max-width:1000px) {	
	#premium, #advanced { display: block; width: 70%; margin: 1em auto;}
	#pricing p { line-height: normal; text-align: left;}
	#pricing .nota{text-align:center; margin: 1em auto;}
	#chars{padding:1em 1em 2em 1.5em;}
	.char span {top:13px;vertical-align:top}
	.char span.icon-ico_virus-01{top:16px}
	.button{display: inline-block;padding: 15px 0;}
	#pricing a.small{padding: 15px 0.9em;}
	#header p a { padding: 15px 0.9em; width: auto; width: 280px;}		
	#advanced a {    top: -30px;}
}
@media screen and (max-width:900px) {
	#pricing div.tdelay_6 {  width: 90%; margin-right: 0; }
	.off_label {margin: -63px 37px 0 0;}
	#benefits,#infected{padding:1em 0 2em;}
	#pricing{padding-bottom:1.5em}
	#benefits .bgcontainer{background-position:center top;margin-left:0;min-height:280px;}
	#benefits .tdelay_3,#infected .tdelay_3{min-height:auto;margin-top:inherit;padding:0 5%;}
	#infected .bgcontainer{background-position:right top;margin-right:0;min-height:280px;}
	#infected h3{margin-top:1.5em;}
	#infected h3 br,#benefits h3 br{display:none;}
	#pricing div.tdelay_6 a:nth-of-type(1) {margin-bottom: 15px;}
	#pricing #essential, #pricing #premium {margin: 0 auto;}
}
@media screen and (max-width:800px) {		
	#claim .tdelay_3 {background-position: top center;background-size: 70%; min-height:auto;}
	#claim{padding: 3em 1em;}	
	#header p.question {    font-size: 1.65em; margin: 0.65em 0 0.8em;}
	#header p {    font-size: 1.1em;}
	#pricing select {margin: 0 0 1em 0;}	
	#pricing h2 span {    font-size: 1.9em;}
	#pricing h3 {    font-size: 2em; margin-bottom: 0;}
	#pricing .box {    padding: 1em 0 2em;}
	#pricing div.tdelay_6{margin-top:2em;}
	div#premium.tdelay_6 {margin-top:0;}
	#pricing .nota_compatible{ margin-top: 3em;}
	#claim h3 {padding-top: 0;}
}
@media screen and (max-width:799px) {	
	#pricing #essential .box {margin-bottom: 35px;}
}
@media screen and (max-width:780px) {	
.off_label {    margin: -123px 37px 0 0;}
}
@media screen and (max-width:700px) {	
.features .feature { font-size: 1.3em; min-height: 275px; width: 80%;}	
	.features .compare {    font-size: 0.9em;    margin: 3.2em auto;    width: 80%;}	
	.solutions3 .tdelay_3{ background-size: 90%; padding-top: 20em;}
	.features h2 {   font-size: 1.1em; width: 99%;}	
	.features h2 span {    font-size: 2em;}	
	.features .feature p {    font-size: 0.75em;}		
	.features .owl-dots .owl-dot span {    height: 15px;    width: 15px;}
	.features .feature h3 {    padding: 29px 0 15px;}
	#footerHome .footerMenu li {    display: block;    padding: 15px 0;}
	.footerMenu li::after {    content: none;}
	#downFooterHome {    padding: 1em 0 4em;}
	_::-webkit-full-page-media, _:future, :root #header { background-attachment: scroll; height: 431px;}		
	#mainfeatures .feature { width: 90%;  min-height: 12em;}
}
@media screen and (max-width:900px) {
	#benefits .bgcontainer, #infected .bgcontainer {display: none;}
	#infected .char {width: 30%;}
}
@media screen and (max-width:650px) {	
	#benefits {background-position: center;height: 600px;}
	#benefits .tdelay_3 {padding: 0;width: 100%;margin-left: 0;}
	#chars{padding:0;}
}
@media screen and (max-width:500px) { 
	#infected .char {width: 100%;text-align: center;}
}
@media screen and (min-width:501px) and (max-width:700px) {
	#infected .char {width: 60%;}
}
@media screen and (min-width:701px) and (max-width:1199px) {
	#infected .char {width: 45%;}
}
@media screen and (min-width:651px) and (max-width:1024px) {	
	#benefits {background-position: center;}
	#benefits .tdelay_3 {padding: 0;width: 100%;margin-left: 0;}
	#chars{padding:0;}
}
@media screen and (min-width:1025px) and (max-width:1200px) {
	#benefits h3 {margin: 0.5em auto 0;}
}
@media screen and (max-width:500px) {	
	#claim .tdelay_3  { background-size: 85%;}	
	#pricing { font-size: 1.2em;}
	#premium, #advanced {    width: 85%;}
	#header h1 {    font-size: 2.7em;}
	#header p a {    font-size: 1em;}	
	#pricing p {    font-size: 0.8em;    width: 89%;}	
	#gama {    height: 20em;}
	.off_label {    margin: -123px 7px 0 0;}
	.char p{width:75%;}
}

@media screen and (max-width:410px) {	
	#claim {    padding: 3em 0;}
	#claim p {    font-size: 1.3em;    width: 90%;    margin: 0 auto;}
	#claim .button {    padding: 1.2em 3em;}	
	#pricing { font-size: 1em; padding-top: 2.5em;}	
	.features .feature {    min-height: 330px;}
	#header p a, .button, #pricing a {  width: 230px;}
		#mainfeatures .feature { width: 90%;  min-height: 13em;}
	.off_label {    margin: -103px -7px 0 0;}
}
