body,html,* {margin:0;padding:0;font-family:"IBM Plex Sans","Century Gothic";}
html,body {font-weight: 300;margin:0;padding:0;color:#2F3947;font-size:16px; }
a {text-decoration:none;transition:all .5s !important;}
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;font-weight:normal;}
.contenedor {max-width:1005px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:center;}
main *,.main * {transition:transform .5s, opacity .5s, border .5s;}

.svgicon {display: inline-block;width: 1em;height: 1em;stroke-width: 0;stroke: currentColor;fill: currentColor;font-size: 3.2em;position: relative;}
.usa_layout #header_back{background-image:url("//www.pandasecurity.com/rfiles/newhome2019/usa_layout/windows/header-earth-xl.jpg");}

#header_back{background-image:url("../img/fondo.jpg"); background-attachment: fixed; background-position:center -40px;background-repeat:no-repeat;background-size:cover;padding:9.8em 0 3.6em ; margin-top: -40px;color:#ffffff;text-align:center; position: relative;}
#header_back .contenedor{ margin-bottom: 2em;}
#header h1 {font-size:2.2em; font-weight: 700; letter-spacing: 0.01em; margin: 0 auto; line-height: 1em;}
#header h3 {font-size:1.11em;  margin: 0.4em 0 1.8em; }
#header h3 span{font-weight: 700; }
#header p a {  color: #ffffff; background-color: #FF9012; padding: 0.95em 1.34em;font-weight: 700; font-size:0.8em; letter-spacing: 0.04em;}
#header .comp{ margin-top: 2.1em; font-style: italic; font-size: 0.78em; }
#header .comp a{color: #f4f3f3; text-decoration: underline; font-size: 0.95em;}
.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-weight: 400;  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-weight: 700; 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 .contenedor{max-width: 1100px;}
#pricing{padding:  1.9em 0 1.6em; background-color: #F6F5F5;}
#pricing h2{ font-size: 1.07em; letter-spacing: 0.022em;}
#pricing h3{font-weight: 700; font-size: 2.2em; margin:0.1em 0 1.1em;  color: #2F3947;letter-spacing: 0.015em;}
#pricing .box{ padding: 1.1em 0 0.9em; color: #ffffff; border: 1px solid #19202e;background-color:#fff;}
#pricing ul{ list-style: none; margin: 1em 0.1em 1em; font-size: 0.9em; padding: 0 0.5em; line-height: 1.11em;min-height: 18.1em;}
#pricing ul.XL{ min-height: 18.1em;}
#pricing ul.xxl{ min-height: 18.7em;}
#pricing div.tdelay_6{ display: inline-block; width: 239px; vertical-align: top; margin-right: 1.3em;margin-bottom: 0.6em;}
#pricing #essential{ margin-left: 0.9em;}
#premium{ margin-right: 0;}
#premium .box{background-color:#19202e;}
#pricing .price{ font-size: 1.5em;font-weight: 400; }
#pricing .price span{font-weight: 700; font-size: 2em;display:inline-block;}
#pricing .box h3{ font-size: 0.7em; color: #2F3947;font-weight: 300; margin: 0.3em 0 0; letter-spacing: 0.4em;}
#pricing #premium .box  h3{ color: #FFFFFF;}
#pricing h4{ font-size: 1.3em;font-weight: 700; color: #3EC1CE;  letter-spacing: 0.2em;}
#premium h4,#premium .special{ color: #ff910a;}
#pricing div.tdelay_6 .price{ color: #19202e;}
#pricing #premium .price{ color: #ffffff;}
#pricing div.tdelay_6 li{ color: #2F3947;font-weight: 400; padding-top: 0.1em;}
#pricing #premium li{ color: #ffffff;}
.special{font-weight: 700;}
#pricing div.tdelay_6 .special{color: #3EC1CE; }
#pricing .tiempo:not(.tiemponolower){ text-transform: lowercase;}
#pricing #premium .special{color: #ff910a; }
.special.premiummark {background:url('../img/premiummark.png') left center no-repeat transparent;margin:0 -28px;height:29px;padding-top:8px;font-size:1.35em;}
#pricing a:not(.notbuttonlink){ color: #ffffff; font-size: 0.9em; padding: 0.72em 0.4em; margin-left: auto; margin-right: auto;font-weight: 700; position: relative;width: 80.5%; }
#pricing a.notbuttonlink{background-color:transparent;color:#ff910a;}
#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 #11a6a5; color: #11a6a5;  font-size: 1em;font-weight: 400; padding: 0.4em 2em 0.4em 0.8em; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0 auto 1em; background: url(../img/bg-select-circle.png) 95% -185px no-repeat;}
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% -285px;}
/*#pricing .nota{font-size:0.85em; letter-spacing: 0.0165em;margin-left: 1.1em;}*/
#pricing .nota{font-size:0.63em;font-weight: 400;color:#4b5964;text-align: center; width: 100%; line-height: 1.3em;}
#pricing .nota_compatible{font-weight: 400;margin-top:2em;margin-bottom:1em; color: #1F2532; }
#pricing .nota_compatible i{font-weight: 300;}
#pricing .nota a {color: #0ea1a1; text-decoration: underline;}
#pricing  a.button_monthly{background-color:#3EC1CE;display:block;margin: 0.5em auto 0; padding:0.3em 0.4em;}
.button_yearly{background-color:#ff9012;display:block; }
.off_label{position:absolute;text-align:center;color:#fff;padding-right: 12px ;text-transform:uppercase;font-weight: 700;margin:2px 0 0 -12px;font-size:11px; background: url("../img/arrow.png") no-repeat right top ;  z-index: 2; height: 35px; }
.off_label span{ background-color: #d0021b; display: block; height: 22px; padding: 13px 0 0 7px;}
.off_label.off_label_mini{font-size:9px;}
.button_yearly .off_label{position:absolute;top:-40px;right:-20px;margin:inherit;}
#pricing a .free { display: block; font-size: 0.7em;}
#pricing span.ideal {border-left: 1px solid #a1a7ac;padding: 0 10px;font-weight: 400;font-size: 18px;margin-left: 10px;}
#pricing span.ideal img {vertical-align: middle;padding-left: 10px;width:46px;}
#pricing span.ideal span {display: inline-block;vertical-align: middle;}
.icon-update{background: url(../img/actualizar.svg) no-repeat center;background-size:26px 25px;width:26px;height:25px;}

#features{ margin: 0.5em 0 2.7em;}
#features .contenedor{max-width: 1020px;}
#features .tit{ font-size: 1.12em; margin-bottom: 2.2em;  }
#features .tit span{ font-weight: 700; font-size: 1.7em; display: block;line-height: 1.4em;}
#features .box{ display: inline-block; vertical-align: top; width: 25.1%; border: 1px solid #CDCDCD; margin-right: 0.95em; text-align: left; padding: 7.5em 2em 0 2.1em;    min-height: 21em; background: url("../img/features1.jpg") no-repeat top center;}
#features #second{background-image: url("../img/features2.jpg") }
#features #third {background-image: url("../img/features3.jpg"); margin-right: 0; }
#features h3{ font-size: 0.87em;font-weight: 700; margin-bottom: 1em;}
#features #second div:first-of-type{padding-top: 0.7em;}
#features #third div:first-of-type{padding-top: 0.5em;}
.char span,.char p{ display: inline-block; vertical-align: top; width: 10%;}
.char span{ color: #3ec1ce; font-size: 1.6em; position: relative; left: -10px; top: -5px;}
#second .char span,#thjrd .char span{  top: -10px;}
.char .icon-ic-escudo3,.char .icon-ic-wifi, .char .icon-ic-filedestructor{ font-size: 2em;}
.char .icon-ic-wifi{ top: -10px;}
.char .icon-ic-browser,.char .icon-ic-dashboard,.char .icon-ic-firewall3{font-size: 1.5em;}
.char p{width: 84%; font-size: 0.735em;}
 .char{ margin-bottom:  0.85em;}
 .char:last-of-type{margin-bottom: 0;}
#chars{ /*background-color: #2c3646; */ background-color: #ffffff; width: 334px; text-align: left;  padding: 1.5em 2em 2em 60px; margin-top:-12.5em;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);display:inline-table;margin-left:-38px;border-radius:0.25em;vertical-align:middle;}
#chars p{display: inline-block; width: 70%; margin-left: 0.8em; /*color: #ffffff;*/}
#chars span{ color: #3ec0cd; font-size: 3em; display: inline-block; width: 60px; vertical-align: top; position: relative; top: -5px;}
#chars span.icon-ico_virus-01{font-size: 2em;left:8px; top: 0;}
#chars span.icon-ic-wifi{ font-size: 3.5em; left:-4px; top: -10px; }
#chars .char{ margin-bottom: 1.1em; }
#chars .char:last-of-type{margin-bottom: 0;}



#modules{ background-color: #F6F5F5; padding: 2.4em 0 3.9em;}
#modules .contenedor{ max-width: 1020px;}
#modules .tit{ font-size: 18px;  margin-bottom: 2em;  }
#modules .tit strong{font-weight: 700; font-size: 0.96em; }
.module_box{ display: inline-block; width: 31.9%; border: 1px solid #CDCDCD; text-align: left; background: url('../img/cleanup.jpg') left top no-repeat #fff; margin: 0.9em 0.5em 0 0; padding: 1em 0 1em 10.7em; vertical-align: top;background-size:134px 100%;min-height: 175px;}
#vpn{ background-image: url('../img/vpn.jpg');}
#family{ background-image: url('../img/family.jpg');}
#passwords{ background-image: url('../img/passwords.jpg');}
.module_box h3{font-weight: 700;  font-size: 18px;}
.module_box a.notbuttonlink{color:currentColor;}
.module_box p{ font-size: 12px; width: 88%;}
.module_box .svgicon{ font-size: 1.6em;  top:8px;}
.module_box p.compatible{ margin: 0 0 0.9em; font-size: 14px;}
.module_box a:not(.notbuttonlink),.module_box div{ display: block; background-color: #FF9012; padding: 0.5em 0; width: 12.4em; text-align: center; color: #FFFFFF;font-weight: 700; font-size: 14px;}
.module_box a:not(.notbuttonlink):hover,#down a:hover,#header .button:hover{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
.module_box .sub{font-weight: 700; margin: 0.5em 0 1.1em;}
.module_box div{ background-color: rgba(205,205,205,0.25); font-weight: 300; color: #2F3947;}
.module_box  span{ display: inline-block; margin-right: 0.6em; height: 16px; width: 16px; background: url("../img/icon-android.svg") no-repeat left top; top: 4px; position: relative;}
.module_box  span:last-of-type{margin-right: 0;}
.module_box  span.chrome{background: url("https://www.pandasecurity.com/rfiles/newhome2020/passwords/img/icon-chrome_m.svg") no-repeat left top;}
.module_box span.ios{background: url("https://www.pandasecurity.com/rfiles/newhome2020/passwords/img/icon-ios_m.svg") no-repeat left top; display: none;}
.module_box span.ff{background: url("https://www.pandasecurity.com/rfiles/newhome2020/passwords/img/icon-firefox_m.svg") no-repeat left top;}

#gama{margin: 2em 0 3.2em; }
#gama .tit{font-weight: 700; font-size: 1.13em;  margin: 3.2em 0 2.6em; }
#gama .product{ font-weight: 700; font-size: 1.1em;display: inline-block; width: 97%; border: 1px solid #CDCDCD; margin:0.1em 0; background:url("../img/av.jpg") 50% 33px no-repeat;  padding-top: 5.9em; background-color: #ffffff; min-height: 7.8em;}
#gama .is{background-image:url("../img/is.jpg") ;}
#gama .gp{background-image:url("../img/gp.jpg") ;}
#gama .gl{background-image:url("../img/gl.jpg") ;}
#gama .but_prueba{ color: #2F3947; font-size: 0.73em;margin: 0.3em 0; letter-spacing: 0.06em;}
#gama .but_gama{ display: block; padding: 0.75em 0; margin: 0.7em auto 0.4em;background-color: #047330; width: 55%; color: #ffffff;font-weight: 700; font-size: 0.8em;}
#gama .is .but_gama{ background-color: #295ca9;}
#gama .gp .but_gama{ background-color: #3e4551;}
#gama .gl .but_gama{ background-color: #ff9012;}


#claim {background:url("../img/bg_claim_en.jpg") center top no-repeat  fixed; background-size: cover;  color: #ffffff;}
.spain #claim {background:url("../img/bg_claim.jpg") center top no-repeat fixed; background-size: cover;  color: #ffffff;}
#claim .gradient{background:linear-gradient(270deg, rgba(255,255,255,0) 0%, #000000 100%);padding: 4.8em 0 2em 2.2em;}
#claim .contenedor{ width: 910px; text-align: left;}
#claim  .tdelay_3{ padding-right: 58.5%; min-height: 409px; }
#claim .button{ color: #fff;  background-color: #ef970e; margin-top: 1.5em; display: inline-block; padding: 0.75em 3.1em;font-weight: 700; font-size: 0.9em; }
#claim .button:hover,#header p a:hover {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
#claim  p{font-size: 0.88em; width: 90%;}
#claim  h3 { font-size: 1.11em;padding-top: 5.65em; line-height: 2.8em; margin-bottom: 0.8em;}
#claim  h3 span{ font-weight: 700; font-size: 2em;  display: block;}
.line {border-top:1px solid #ffffff;margin:2em auto 2em;width:1em;}
#cookieInfo{z-index:1;}

.transparent{opacity:0;}

#anytech_tel{ display: none;background:rgba(47,57,71,0.5);font-weight: 400;padding:0.5em 0; position: absolute; bottom: 0; width: 100%;}
#anytech_tel .link_to_support{color:currentColor;}
#anytech_tel .tel_anytech_link{font-weight: 700;font-size:1.625em;color:#F5A623;vertical-align:sub;margin-left:0.3em;}
#anytech_tel .powered{font-weight: 300;font-size:0.75em;margin-top:-3px;margin-bottom:7px}
#anytech_tel .powered strong{font-weight: 400;font-weight:normal;}
#sales_support_phone{bottom:26px;right:26px;position:fixed;z-index:1;background:#fff;border:1px solid #75899f;border-radius:3em;font-weight: 400;padding:0.2em;text-align:center;transition:all .5s;}
#sales_support_phone a{color:#437fc0;}
#sales_support_phone h4{color:#4b5964;font-weight: 300;}
#sales_support_phone .icono{float:right;font-size:3em;}
#sales_support_phone .sales_support_inner{float:left;padding:0.2em 1em 0 2em;display:none;}
@media screen and (max-width:1023px){#sales_support_phone .sales_support_inner{display:block !important;}
#sales_support_phone{font-size:1.15em;}
}

/*@-webkit-keyframes size {  from {font-size: 10px;}  to {font-size: 14px;}}
@-webkit-keyframes size2 {  from {font-size: 10px;}  to {font-size: 14px;}}
.size_animation{-webkit-animation-name: size;	-webkit-animation-duration: 0.6s;		-webkit-animation-timing-function:ease-in-out;	-webkit-animation-direction: alternate; -webkit-animation-iteration-count: 4;}
.size_animation2{-webkit-animation-name: size2;	-webkit-animation-duration: 0.6s;		-webkit-animation-timing-function:ease-in-out;	-webkit-animation-direction: alternate; -webkit-animation-iteration-count: 4; }
@-webkit-keyframes blinker {  from {color:#FF9012;}  to {color: #4a5964;}}
.blink{	text-decoration: blink;	-webkit-animation-name: blinker;	-webkit-animation-duration: 0.8s;	-webkit-animation-iteration-count:infinite;	-webkit-animation-timing-function:ease-in-out;	-webkit-animation-direction: alternate;  -webkit-animation-delay: 1s;}
*/

@media screen and (max-width:1800px) {	
	 .modal_back .modal_div {   width: 45%;    left: 53%;    top: 50%;}
}
@media screen and (max-width:1400px) {	
	#mainfeatures .owl-dots .owl-dot{ display: inline-block;}	
		 .modal_back .modal_div {   width: 55%;    left: 51%;  }
}
@media screen and (max-width:1279px) {	
	.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;}
	#mainfeatures .contenedor, #gama .contenedor {    width: auto;}	
	#mainfeatures .feature { width: 95%; }
}
@media screen and (max-width:1200px) {	
	#claim .tdelay_3 { background-size: 50%;}
	 .modal_back .modal_div {   width: 65%;    left: 45%;    top: 30%;}
	#claim .contenedor {    width: auto;}
}
@media screen and (max-width:1100px) {	
	#features {    margin-top: 1em;}
	#features .box { width: 25%;}
	#mainfeatures .feature { min-height: 13em;}
	#gama .product {width: 70%;}
	#claim .tdelay_3 {  margin-left: 10%; padding-right: 40%;}
}
@media screen and (max-width:1000px) {	
	#premium, #advanced { display: block; width: 70%; margin: 1em auto;}
	#pricing { font-size: 1.2em;}
	#pricing p { line-height: normal; text-align: left;}
	#pricing .nota{text-align:center; margin: 1em auto;}
	#chars{ margin: 0 auto;padding:2em 2em 2em 2em;}
	.button{display: inline-block;padding: 15px 0;}
	#pricing a.small{padding: 15px 0.9em;}
	#features .box { display: block; width: 70%; margin: 1em auto;background-size: 100% 25%;}	
	#features #third { margin-right: auto;}
	.off_label {margin-top: 5px;}
}
@media screen and (max-width:900px) {
	#pricing div.tdelay_6 {  width: 90%; margin-right: 0; }
	
	 .modal_back .modal_div {    width: 85%;    left: 33%;    top: 30%;  }
	#pricing.hbox .box{min-height:inherit;}
	#pricing.hbox .button_yearly {top:inherit;}
	#pricing.hbox .nota_compatible{margin-top:inherit;}
	#pricing ul.XL,#pricing ul,#pricing ul.xxl {    min-height: auto;}
}
@media screen and (max-width:800px) {		
		#header p.question {    font-size: 1.65em; margin: 0.65em 0 0.8em;}
	#header p {    font-size: 1.1em;}
	#pricing .price span {    font-size: 1.3em;}
	#pricing select {    font-size: 0.9em;    margin: 0 0 1em 0;}	
		#pricing h2 span {    font-size: 1.9em;}
	#pricing h3 {    font-size: 1.5em; margin-bottom: 0;}
	#pricing .nota_compatible{ margin-top: 3em;}
}

@media screen and (max-width:700px) {	
	#claim .tdelay_3 { padding-right: 0;}
	#claim .gradient {padding: 4em  2em 5em;}
	#claim .tdelay_3 { min-height: auto; padding-bottom: 4em;}
.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;}
	 .modal_back .modal_div {   width: 95%;    left: 27%;    top: 20%; }
	.modal_back .modal_div .contenido_modal #scroll_zone {    box-sizing: border-box;    height: 80%;    overflow-y: scroll;    width: 100%;}
	.module_box {width:220px;margin-right:0;padding-left:100px;background-size:83px 100%;display:block;margin:0.8em auto;background-image: url('../img/cleanup-xs.jpg');}
	#vpn{ background-image: url('../img/vpn-xs.jpg');}
	#family{ background-image: url('../img/family-xs.jpg');}
	#passwords{ background-image: url('../img/passwords-xs.jpg');}
}
@media screen and (max-width:650px) {			
	.module_box { display: block; width: 60%; margin: 1em auto;}
	#header_back .contenedor{ margin-bottom: 3em;}
}
@media screen and (max-width:600px) {
	.contenido_modal p {    font-size: 0.9em;}
}
@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;}	
	.modal_back .modal_div .contenido_modal {  padding: 1em 1.187em 2.187em;}
	.modal_back .modal_div h2 {   font-size: 0.95em;    margin: 0.5em 0 ;}
		 .modal_back .modal_div {  height: 60%;}
}

@media screen and (max-width:410px) {	
	.module_box {    width: 40%;}
	.module_box a:not(.notbuttonlink),.module_box div{width: 9em;}
	#pricing { font-size: 1em; padding-top: 2.5em;}	
	.off_label {margin-top: 2px;}
	.features .feature {    min-height: 330px;}
	 #pricing a {  width: 230px;}
		#mainfeatures .feature { width: 90%;  min-height: 13em;}
}
@media screen and (max-height: 750px){
	.modal_back .modal_div .contenido_modal #scroll_zone {     box-sizing: border-box;    height: 80%;    overflow-y: scroll;    width: 100%;}
		 .modal_back .modal_div {  height: 80%;}
	 .modal_back .modal_div {  top: 45%; }
}