@font-face{
    font-family: 'IBMPlexRegular';
    src: url('//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Regular.eot');
    src: url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Regular.woff") format("woff"),
         url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'IBMPlexBold';
    src: url('//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Bold.eot');
    src: url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Bold.woff") format("woff"),
         url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'IBMPlexLight';
    src: url('//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Light.eot');
    src: url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Light.woff") format("woff"),
         url("//info.pandasecurity.com/dome/passwordmanager/migrate/fonts/IBMPlexSans-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
*{margin: 0;padding: 0;}
body{font-family: "IBMPlexRegular", sans-serif;font-size: 16px;line-height: 24px;color: #2F3343;background: #FFFFFF;}
h1, h2, h3, h4, h5, h6, th{font-weight: normal;}
a{text-decoration: none;transition: .15s;outline: none;}
.contenedor{position: relative;margin: 0 auto;}
.contenedor2{position: relative;margin: 0 auto;width: 95%;}
.grid{display: grid;}
.flex{display: flex;}
.precio_antes{font-family: "IBMPlexRegular", sans-serif;color: #E02222;text-decoration: line-through;}
.precio_despues{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;}
.btn{font-family: "IBMPlexBold", sans-serif;text-align: center;color: #FFFFFF;background: #FF9010;border: 2px solid #FF9010;padding: 8px 24px;display: block;border-radius: 10px;}
.btn-offer{display: grid;grid-template-columns: max-content 0 auto;}
.btn-offer .rectangle{display: flex;font-family: "IBMPlexBold", sans-serif;color: #FFFFFF;background: #E02222;padding: 0 8px;align-items: center;border-radius: 10px 0 0 10px;z-index: 2;}
.btn-offer .triangle{border-top: 22px solid transparent;border-bottom: 22px solid transparent;border-left: 22px solid #E02222;}
.btn-offer .btn{width: auto;border-radius: 0 10px 10px 0;}

div.anytech{padding: 8px 0;background: #2C85D5;}
div.anytech p, div.anytech a{color: #FFFFFF;}
div.anytech p{font-family: "IBMPlexBold", sans-serif;font-size: 22px;line-height: 33px;text-align: center;}

img.desktop{display: block;}
img.tablet,
img.mobile{display: none;}

nav{padding: 12px 0 16px;border-bottom: 1px solid #D9D9D9;}
nav .flex{justify-content: space-between;}
nav img{align-self: center;}
nav .login{display: flex;flex-direction: column;gap: 3px;}
nav .login i{text-align: center;font-size: 24px;color: #2F3343;display: block;}
nav .login .logintext{font-family: "IBMPlexBold", sans-serif;font-size: 14px;line-height: 21px;text-align: center;color: #2F3343;}

#transfer{padding: 28px 0 0;}
#transfer h1{font-family: "IBMPlexBold", sans-serif;font-size: 36px;line-height: 54px;text-align: center;margin-bottom: 24px;}
#transfer h2{font-family: "IBMPlex", sans-serif;font-size: 30px;line-height: 45px;text-align: center;margin-bottom: 24px;}
#transfer h3{font-family: "IBMPlexBold", sans-serif;font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 24px;}
#transfer .fototext{display: grid;grid-template-columns:  162px auto; grid-column-gap: 24px;justify-content: center;width: 85%;margin: 0 auto 32px;}
#transfer .calendar{background: url("../img/calendar.png") no-repeat;width: 162px;height: 175px;}
#transfer .fototext p{font-size: 23px;line-height: 34px;align-self: center;}
#transfer .fototext p span,
#transfer .note p span{font-family: "IBMPlexBold", sans-serif;}
#transfer .note{display: grid;grid-template-columns: 24px auto; grid-column-gap: 14px;justify-content: center;}
#transfer .icon{background: url("../img/pandasecurity-icon-error.png") no-repeat;width: 24px;height: 24px;}
#transfer .note p{font-size: 18px;line-height: 27px;}

#steps{padding: 96px 0;}
#steps h3{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;text-align: center;margin-bottom: 32px;}
#steps h4{font-size: 22px;line-height: 33px;text-align: center;margin-bottom: 40px;}
#steps .card{border-radius: 25px;box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.15);padding: 0 32px;margin-bottom: 40px;}
#steps .card:last-child{margin-bottom: 48px;}
#steps .flex{gap: 32px;}
#steps .number{font-family: "IBMPlexBold", sans-serif;font-size: 120px;line-height: 174px;color: #2C85D5;}
#steps .numberMobile{display: none;}
#steps .info{padding: 40px 0;}
#steps .info h5{font-family: "IBMPlexBold", sans-serif;font-size: 22px;line-height: 33px;margin-bottom: 24px;}
#steps .info ul{margin-left: 24px;}
#steps .info li{font-size: 18px;line-height: 27px;margin-bottom: 24px;}
#steps .info li:last-child{margin-bottom: 0;}
#steps .info li span{font-family: "IBMPlexBold", sans-serif;}
#steps .info li span.sep{font-family: "IBMPlex", sans-serif;display: block;margin-top: 8px;}
#steps .info li a{font-family: "IBMPlexBold", sans-serif;color: #2C85D5;}
#steps .note{font-size: 25px;line-height: 37px;text-align: center;}
#steps .screenshot{margin: 40px 0 24px;}
#steps .screenshot .flex{border: 1px solid #2C85D5;border-radius: 10px;width: max-content;gap: 0;}
#steps .steppercard{padding: 40px 8px 8px 8px;position: relative;width: 199px;border-right: 1px solid #2C85D5;}
#steps .steppercard:last-child{border-right: 0;}
#steps .steppercard.card1 .step{position: absolute;top: -24px;left: calc(50% - 36px);background: url("../img/pandasecurity-steps-image-01-desktop.png") no-repeat;width: 72px;height: 48px;}
#steps .steppercard.card2 .step{position: absolute;top: -24px;left: calc(50% - 36px);background: url("../img/pandasecurity-steps-image-02-desktop.png") no-repeat;width: 72px;height: 48px;}
#steps .steppercard.card3 .step{position: absolute;top: -24px;left: calc(50% - 36px);background: url("../img/pandasecurity-steps-image-03-desktop.png") no-repeat;width: 72px;height: 48px;}
#steps .steppercard h6{font-family: "IBMPlexBold", sans-serif;font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 8px;}
#steps .steppercard p{font-family: "IBMPlex", sans-serif;font-size: 16px;line-height: 24px;text-align: center;}
#steps .steppercard p .here{display: block;font-family: "IBMPlexBold", sans-serif;color: #2C85D5;background: url("../img/ellipse.png") no-repeat;width: 112px;height: 37px;padding-top: 5px;margin: 0 auto;}

#help{background: #EAF3FB;padding: 64px 0;}
#help h3{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;text-align: center;margin-bottom: 40px;}
#help .grid{grid-template-columns: repeat(3, 1fr);grid-column-gap: 24px;}
#help .card{border-radius: 25px;box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.15);padding: 24px;background: #FFFFFF;}
#help .card .icon{display: block;margin: 0 auto 16px;}
#help .card .icon.icon-support{background: url("../img/pandasecurity-icon-support.png") no-repeat;width: 40px;height: 40px;}
#help .card .icon.icon-guide{background: url("../img/pandasecurity-icon-user-manual.png") no-repeat;width: 40px;height: 40px;}
#help .card .icon.icon-youtube{background: url("../img/pandasecurity-icon-youtube.png") no-repeat;width: 40px;height: 40px;}
#help .card a{font-family: "IBMPlexBold", sans-serif;font-size: 22px;line-height: 33px;text-align: center;margin-bottom: 16px;color: #2C85D5;display: block;}
#help .card a.anycard{font-size: 25px;line-height: 37px;margin-bottom: 0;margin-top: 8px;}
#help .card p{font-size: 22px;line-height: 33px;text-align: center;}
#help .card.anytech p{font-family: "IBMPlex", sans-serif;font-size: 22px;line-height: 33px;text-align: center;color: #2F3343;}

#videos{padding: 96px 0;}
#videos h3{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;text-align: center;margin-bottom: 24px;}
#videos h4{font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 40px;}
#videos .flex{flex-direction: column;gap: 56px;justify-content: center;margin-bottom: 36px;}
#video #video_src_desktop,
#video #video_src_mobile{display: none;}
#videos .video_cover_desktop{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-desktop.png") no-repeat;width: 904px;height: 512px;cursor: pointer;margin: 0 auto;}
#videos .video_cover_mobile{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-mobile-desktop.png") no-repeat;width: 904px;height: 512px;cursor: pointer;margin: 0 auto;}
#videos h5{font-size: 23px;line-height: 34px;text-align: center;margin-bottom: 24px;}
#videos .note{font-size: 22px;line-height: 33px;text-align: center;}
#videos iframe{display: none;}
#videos .note a{font-family: "IBMPlexBold", sans-serif;color: #2C85D5;}

#ventajas{padding: 0 0 96px;}
#ventajas h3{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;text-align: center;margin-bottom: 48px;}
#ventajas h4{font-size: 22px;line-height: 33px;text-align: center;margin-bottom: 64px;}
#ventajas .flex{gap: 24px;margin-bottom: 52px;justify-content: center;}
#ventajas .flex:last-child{margin-bottom: 0;}
#ventajas .ventaja{width: 324px;}
#ventajas .icon1{background: url("../img/pandasecurity-icon-generate-password.png") no-repeat;width: 54px;height: 54px;margin: 0 auto 13px;}
#ventajas .icon2{background: url("../img/pandasecurity-icon-synchronize-multidevices.png") no-repeat;width: 54px;height: 54px;margin: 0 auto 13px;}
#ventajas .icon3{background: url("../img/pandasecurity-icon-easy-access.png") no-repeat;width: 54px;height: 54px;margin: 0 auto 13px;}
#ventajas .icon4{background: url("../img/pandasecurity-icon-2fa.png") no-repeat;width: 54px;height: 54px;margin: 0 auto 13px;}
#ventajas .icon5{background: url("../img/pandasecurity-icon-secure-attachment-new.png") no-repeat;width: 83px;height: 54px;margin-bottom: 13px;margin-left: calc(50% - 55px);}
#ventajas .icon6{background: url("../img/pandasecurity-icon-secure-sharing-new.png") no-repeat;width: 83px;height: 54px;margin-bottom: 13px;margin-left: calc(50% - 55px);}
#ventajas .ventaja p{font-size: 18px;line-height: 27px;text-align: center;}

#faqs{padding: 0 0 96px;}
#faqs h3{font-family: "IBMPlexBold", sans-serif;font-size: 30px;line-height: 45px;margin-bottom: 40px;}
#faqs .card{border-radius: 8px;background: #FFFFFF;padding: 40px 40px 24px 40px;border: 1px solid #ECEEEF;}
#faqs .card .visible_zone{display: grid;grid-template-columns: auto 24px;grid-column-gap: 16px;cursor: pointer;}
#faqs .card:last-child{margin-bottom: 0;}
#faqs .card .visible_zone h4{font-size: 18px;line-height: 23px;font-family: "IBMPlexBold", sans-serif;margin-bottom: 24px;}
#faqs .card .visible_zone .open{background: url("../img/icon_down.png") no-repeat;width: 24px;height: 24px;cursor: pointer;}
#faqs .card .visible_zone.despl .open{transform: rotate(180deg);}
#faqs .card .no_visible{display: none;padding-bottom: 24px;}
#faqs .card .no_visible p{font-size: 18px;line-height: 27px;margin-bottom: 16px;font-weight: 400;}
#faqs .card .no_visible li{font-size: 18px;line-height: 27px;margin-bottom: 16px;}
#faqs .card .no_visible p:last-child,
#faqs .card .no_visible li:last-child{margin-bottom: 0;}
#faqs #card5 ul{margin: 32px 0 16px 20px;}
#faqs .card .no_visible ul{margin: 32px 0 0 20px;}
#faqs .card .no_visible p span,
#faqs .card .no_visible li span{font-family: "IBMPlexBold", sans-serif;}
#faqs .card .no_visible .faqLink{font-family: "IBMPlexBold", sans-serif;color: #2C85D5;text-decoration: underline;}
#faqs .cardonly{margin-bottom: 24px;border-bottom: 1px solid #ECEEEF;}
#faqs .cardonly:last-child{margin-bottom: 0;border-bottom: 0;}

footer{width: 100%;margin: 0 auto;font-weight: 400;}
footer a{text-decoration: none;}
footer a:hover{color: #2C85D5 !important;}
footer select{appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 2px solid #2F3343 !important;border-radius: 28px;width: 100%;padding: 10px 0 10px 18px;background: url("../img/pandasecurity-icon-down.svg") no-repeat 94% 12px;font-size: 16px;line-height: 24px;cursor: pointer;}
html[lang="ar"] footer select{padding: 10px 45px 10px 0;}
footer .rrss{padding: 32px 0;border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;}
footer .rrss .grid{display: flex;grid-column-gap: 24px;justify-content: center;}
footer .rrss a i{font-size: 32px;line-height: 32px;color: #2F3343;transition: .5s;}
footer .rrss a i:hover{color: #2C85D5;}

footer .info{padding: 35px 40px 40px;width: auto;margin: 0 auto;}
footer .info .grid{display: grid;grid-template-columns: 324px max-content;grid-column-gap: 140px;justify-content: space-evenly;}
footer .info .links{display: grid;grid-template-columns: repeat(3, 300px);grid-column-gap: 24px;}
footer .info .logo{background: url("../img/pandasecurity-panda_watchguard.svg") no-repeat;width: 199px;height: 52px;background-size: 199px 52px;margin-bottom: 24px;}
footer .info .langs p{font-size: 13px;line-height: 19px;margin-bottom: 24px;font-family: "IBMPlex", sans-serif;color: #2F3343;}
footer .info .langs p a{color: #2F3343;}
footer .info h4{font-size: 16px;line-height: 24px;font-family: "IBMPlexBold", sans-serif;margin-bottom: 16px;color: #2F3343;min-height: 48px;}
footer .info h4.moreHeight{min-height: 48px;}
footer .info ul{list-style: none;margin: 0;padding: 0;}
footer .info ul li{margin-bottom: 8px;}
footer .info li a{font-size: 16px;line-height: 24px;color: #2F3343;font-family: "IBMPlex", sans-serif;}

footer .pay_methods{padding: 32px 0;border-top: 1px solid #C4C4C4;}
footer .pay_methods .grid{display: flex;grid-column-gap: 16px;justify-content: center;}
footer .pay_methods .grid div{width: 50px;height: 35px;}
footer .pay_methods .visa{background: url("../img/visa.png") no-repeat;}
footer .pay_methods .mastercard{background: url("../img/mastercard.png") no-repeat;}
footer .pay_methods .maestro{background: url("../img/maestro.png") no-repeat;}
footer .pay_methods .paypal{background: url("../img/paypal.png") no-repeat;}
footer .pay_methods .applepay{background: url("../img/applepay.png") no-repeat;}
footer .pay_methods .banktransfer{background: url("../img/banktransfer.png") no-repeat;}
footer .pay_methods .americanexpress{background: url("../img/americanexpress.png") no-repeat;}
footer .pay_methods .ideal{background: url("../img/ideal.png") no-repeat;}
footer .pay_methods .klarna{background: url("../img/klarna.png") no-repeat;}

footer .legal{padding: 32px 0 16px;border-top: 1px solid #C4C4C4;}
footer .legal .grid{display: flex;grid-column-gap: 24px;justify-content: center;}
footer .legal a{font-size: 16px;line-height: 24px;color: #2F3343;font-family: "IBMPlex", sans-serif;}

@media screen and (min-width: 1200px){ /* Desktop XL */
	.contenedor{width: 1110px;}
}
@media screen and (max-width: 1300px){
    footer{width: auto;}
    footer .info{padding: 24px 0 32px;width: auto;}
    footer .info .logo{margin: 0 auto 24px;}
    footer .info .langs p{text-align: center;}
    footer .info .grid{grid-template-columns: 100%;grid-row-gap: 32px;padding: 0 40px;}
    footer .info .links{grid-template-columns: 100%;grid-row-gap: 24px;text-align: center;}
    footer .info h4{min-height: auto;}
    footer .pay_methods .grid{display: grid;grid-template-columns: repeat(5, 50px);grid-template-rows: repeat(2, 35px);gap: 24px 16px;justify-content: center;align-items: center;}
    footer .legal .grid{flex-direction: column;grid-row-gap: 16px;text-align: center;}
    footer .pay_methods .banktransfer, footer .pay_methods .americanexpress,
    footer .pay_methods .ideal, footer .pay_methods .klarna{margin-left: 38px;}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){ /* Desktop mini */
	.contenedor{width: 930px;}
}
@media screen and (max-width: 1023px){ /* Mobile-Tablet */
    .contenedor,
    .contenedor2{padding: 0 16px;}
    .contenedor2{width: auto;}

    img.desktop{display: none;}

    #steps{padding: 64px 0;}
    #steps .card1,
    #steps .card3{display: none;}

    #help{padding: 40px 0 56px;}
    #help h3{font-size: 23px;line-height: 34px;margin-bottom: 32px;}
    #help .card a,
    #help .card a.anycard{font-size: 18px;line-height: 27px;}
    #help .card a.anycard{font-size: 22px;line-height: 33px;margin-top: 16px;}
    #help .grid{grid-template-columns: 100%;grid-row-gap: 40px;}

    #videos{padding: 64px 0;}
}
@media screen and (min-width: 768px) and (max-width: 1023px){ /* Tablet */
	.contenedor{padding: 0 36px;}

    img.mobile{display: none;}
    img.tablet{display: block;}

    #transfer h1{font-size: 34px;line-height: 51px;margin-bottom: 16px;}
    #transfer h2{margin-bottom: 16px;}
    #transfer h3{font-size: 28px;line-height: 42px;margin-bottom: 16px;}
    #transfer .fototext{width: auto;margin: 0 auto 24px;}

    #steps h3{margin-bottom: 16px;}
    #steps .steppercard{width: 296px;border-right: 0;}

    #videos .video_cover_desktop{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-desktop-tablet.png") no-repeat;width: 696px;height: 393px;margin: 0 auto;}
    #videos .video_cover_mobile{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-mobile-tablet.png") no-repeat;width: 696px;height: 393px;margin: 0 auto;}
    #videos iframe{width: 696px;height: 393px;margin: 0 auto;}

    #ventajas{padding: 0 0 64px;}
    #ventajas h3{margin-bottom: 16px;}
    #ventajas h4{margin-bottom: 48px;}
}
@media screen and (min-width: 768px) and (max-width: 1299px){
    footer select{width: 324px;margin: 0 auto;display: block;}
}
@media screen and (max-width: 767px){ /* Mobile */
	div.anytech{padding: 12px 17px;}
    div.anytech p{font-size: 18px;line-height: 27px;}

    nav .login{display: block;}
    nav .login i{font-size: 32px;}
    nav .login .logintext{display: none;}

    img.mobile{display: block;}
    img.tablet{display: none;}

    #transfer h1{font-size: 26px;line-height: 39px;margin-bottom: 16px;}
    #transfer h2{font-size: 23px;line-height: 34px;margin-bottom: 16px;}
    #transfer h3{font-size: 22px;line-height: 33px;}
    #transfer .fototext{grid-template-columns: 100%;grid-row-gap: 0;width: auto;}
    #transfer .calendar{margin: 0 auto;}
    #transfer .fototext p{font-size: 19px;line-height: 28px;text-align: center;}
    #transfer .note{grid-template-columns: 100%;grid-row-gap: 8px;}
    #transfer .icon{margin: 0 auto;}
    #transfer .note p{font-size: 17px;line-height: 25px;text-align: center;}

    #steps h3{font-size: 23px;line-height: 34px;margin-bottom: 8px;}
    #steps h4{font-size: 18px;line-height: 27px;margin-bottom: 24px;}
    #steps .card{padding: 0 16px;}
    #steps .flex{display: block;gap: 0;}
    #steps .info{padding: 0 0 32px;}
    #steps .number{display: none;}
    #steps .flexMobile{display: flex;gap: 16px;}
    #steps .numberMobile{display: block;font-family: "IBMPlexBold", sans-serif;font-size: 80px;line-height: 116px;color: #2C85D5;}
    #steps .info h5{font-size: 18px;line-height: 27px;margin-bottom: 0;align-self: center;}
    #steps .info li{font-size: 17px;line-height: 25px;}
    #steps .steppercard{border-right: 0;}
    #steps .screenshot .flex,
    #steps .steppercard{width: auto;}
    #steps .note{font-size: 22px;line-height: 33px;}

    #videos h3{font-size: 23px;line-height: 34px;}
    #videos h4{font-size: 22px;line-height: 33px;margin-bottom: 24px;}
    #videos h5{font-size: 19px;line-height: 28px;}
    #videos .flex{gap: 48px;}
    #videos .video_cover_desktop{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-desktop-responsive.png") no-repeat;width: 343px;height: 194px;margin: 0 auto;}
    #videos .video_cover_mobile{background: url("../img/pandasecurity-transfer-to-panda-dome-password-manager-mobile-responsive.png") no-repeat;width: 343px;height: 194px;margin: 0 auto;}
    #videos iframe{width: 343px;height: 194px;margin: 0 auto;}
    #videos .note{font-size: 18px;line-height: 27px;}

    #ventajas h3{font-size: 23px;line-height: 34px;margin-bottom: 24px;}
    #ventajas h4{font-size: 18px;line-height: 27px;margin-bottom: 24px;}
    #ventajas .flex{flex-direction: column;gap: 40px;margin-bottom: 40px;}
    #ventajas .ventaja{width: auto;}

    #faqs{padding: 0 0 64px;}
    #faqs .card{padding: 24px;}
    #faqs h3{font-size: 23px;line-height: 34px;}

    footer{width: auto;padding: 0;}
    footer .info .grid{padding: 0 16px;}
}