body,html,*{margin:0; padding:0;}
a{text-decoration:none;transition:all .5s;}
#no-compatible.compatible{display: none;}
#no-compatible.no-compatible{display: flex;}
#no-compatible{grid-column-gap: 8px;justify-content: center;margin-bottom: 8px;}
#no-compatible .icon-warning{background: url("../img/pandasecurity-icon-warning.png") no-repeat;width: 24px;height: 24px;}
#no-compatible p{font-size: 16px;line-height: 20px;font-weight: 400;}
.pd.freeav #container #main table td.button .buttonno_modal.no-compatible{border: 2px solid #BDBDBD;background: #BDBDBD;cursor: not-allowed;color: #FFFFFF;}
.pd.freeav #container #main table td.button .buttonno_modal.no-compatible:hover{background: #BDBDBD;}
.pd.freeav #container{width: 682px;height: 414px;background: #FFFFFF;font-family: "IBM Plex Sans",sans-serif;padding: 40px 24px 24px;color: #2F3343;margin: 0 auto;}
.pd.freeav #container #header{margin-bottom: 20px;text-align: center;}
.pd.freeav #container #header h1{font-size: 22px;line-height: 33px;font-weight: 700;margin-bottom: 8px;}
.pd.freeav #container #header h2{font-size: 16px;line-height: 24px;font-weight: 400;}
.pd.freeav #container #header h2 strong{font-weight: 700;}
.pd.freeav #container #main table{display: block;}
.pd.freeav #container #main #free, .pd.freeav #container #main #essential{display: none;}
.pd.freeav #container #main table tr:nth-child(even){background: #F2F2F2;}
.pd.freeav #container #main table .text{width: 318px;padding: 8px 16px 8px 8px;}
.pd.freeav #container #main table .product{width: 162px;margin-right: 12px;display: inline-block;}
.pd.freeav #container #main table th.product{padding: 0 0 8px;}
.pd.freeav #container #main table .product:last-child{margin-right: 0;}
.pd.freeav #container #main table td.text{padding: 8px 16px 8px 8px;}
.pd.freeav #container #main table td.text span{font-size: 16px;line-height: 20px;font-weight: 400;}
.pd.freeav #container #main table .logoFree{background: url("../img/product_plan_free.webp") no-repeat;width: 93px;height: 32px;margin: 0 auto;}
.pd.freeav #container #main table .logoEssential{background: url("../img/product_plan_essential.webp") no-repeat;width: 144px;height: 32px;margin: 0 auto;}
.pd.freeav #container #main table .bgFree{background: #F5E9CE;}
.pd.freeav #container #main table .bgEssential{background: #C2DED2;}
.pd.freeav #container #main table .bgEssential.clear{background: #CCE8DC;}
.pd.freeav #container #main table .checkFree{background: #B37A00;width: 15px;height: 15px;border-radius: 10px;margin: 0 auto;}
.pd.freeav #container #main table .checkEssential{background: #02874D;width: 15px;height: 15px;border-radius: 10px;margin: 0 auto;}
.pd.freeav #container #main table td.product{padding: 11px 0;}
.pd.freeav #container #main table td.product.button{padding: 0;}
.pd.freeav #container #main table td.button .buttonno_modal{display: block;border: 2px solid #FF9010;color: #FF9010;text-align: center;transition: .5s;padding: 6px 0;background: #FFFFFF;font-size: 16px;line-height: 24px;font-weight: 700;margin-top: 1rem;}
.pd.freeav #container #main table td.button .buttonno_modal:hover{color: #FFFFFF;background: #FF9010;}
.pd.freeav #container #main table td.button .btn-offer{display: grid;grid-template-areas: "rectangle triangle btn";grid-template-columns: fit-content(10%) 0 auto;margin: 1rem 0 0;}
.pd.freeav #container #main table td.button .btn-offer .rectangle{z-index: 2;grid-area: rectangle;padding-left: .5rem;color: #FFFFFF;font-weight: 700;background-color: #E02222;display: flex;justify-content: center;align-items: center;}
.pd.freeav #container #main table td.button .btn-offer .triangle{z-index: 1;grid-area: triangle;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #E02222;}
.pd.freeav #container #main table td.button .btn-offer a{grid-area: btn;position: relative;display: inline-block;font-weight: 700;text-align: center;padding: .475rem 0.75rem .475rem 1.75rem;font-size: 16px;line-height: 24px;transition: .5s;background-color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out;color: #FFFFFF;background-color: #FF9010;border-color: #FF9010;}
.pd.freeav #container #main table td.button .btn-offer a:hover{opacity: .5;}
@media screen and (min-width: 701px) and (max-width: 1023px){
.pd.freeav #container{width: 658px;height: 418px;padding: 48px 16px 24px;}
.pd.freeav #container #main table .product{width: 150px;}
}
@media screen and (max-width: 700px){
#no-compatible{grid-column-gap: 0;grid-row-gap: 8px;flex-direction: column;}
#no-compatible .icon-warning{margin: 0 auto;}
.pd.freeav #container #main table{display: none;}
.pd.freeav #container #main #free, .pd.freeav #container #main #essential{display: block;}
.pd.freeav #container{width: auto;height: auto;padding: 48px 15px 24px;}
.pd.freeav #container #header{margin-bottom: 24px;}
.pd.freeav #container #header h1{font-size: 19px;line-height: 24px;}
.pd.freeav #container #main{display: grid;grid-template-columns: 100%;grid-row-gap: 40px;}
.pd.freeav #container #main #free{/*display: none;*/order: 2;}
.pd.freeav #container #main #free, .pd.freeav #container #main #essential{padding: 16px;border-radius: 10px;box-shadow: 2px 2px 8px 0 rgba(0,0,0,.5);}
.pd.freeav #container #main #essential{border: 2px solid #02874D;}
.pd.freeav #container #main .logoFree{background: url("../img/product_plan_free.webp") no-repeat;width: 93px;height: 32px;margin: 0 auto 16px;}
.pd.freeav #container #main .logoEssential{background: url("../img/product_plan_essential.webp") no-repeat;width: 144px;height: 32px;margin: 0 auto 16px;}
.pd.freeav #container #main ul{list-style-type: none;}
.pd.freeav #container #main ul li{margin-bottom: 16px;}
.pd.freeav #container #main ul li:last-child{margin-bottom: 0;}
.pd.freeav #container #main ul li i, .pd.freeav #container #main ul li span{display: inline-block;}
.pd.freeav #container #main ul li i{font-size: 16px;line-height: 16px;margin-right: 8px;vertical-align: top;margin-top: 5px;}
.pd.freeav #container #main ul li span{font-size: 16px;line-height: 24px;font-weight: 400;width: 90%;}
.pd.freeav #container #main ul li.grey i, .pd.freeav #container #main ul li.grey span{color: #EEEEEE;}
.pd.freeav #container #main #free .buttonno_modal{display: block;border: 2px solid #FF9010;color: #FF9010;text-align: center;transition: .5s;padding: 8px 0;background: #FFFFFF;font-size: 16px;line-height: 24px;font-weight: 700;margin-top: 48px;}
.pd.freeav #container #main #free .buttonno_modal:hover{color: #FFFFFF;background: #FF9010;}
.pd.freeav #container #main #free .buttonno_modal.no-compatible{border: 2px solid #BDBDBD;background: #BDBDBD;cursor: not-allowed;color: #FFFFFF;padding: 12px 0;}
.pd.freeav #container #main #free .buttonno_modal.no-compatible:hover{background: #BDBDBD;}
.pd.freeav #container #main #essential .prices{margin-top: 16px;text-align: center;}
.pd.freeav #container #main #essential .prices div{display: inline-block;}
.pd.freeav #container #main #essential .prices span{font-size: 20px;line-height: 24px;}
.pd.freeav #container #main #essential .prices .before{margin-right: 8px;}
.pd.freeav #container #main #essential .prices .before span{font-weight: 400;text-decoration: line-through;}
.pd.freeav #container #main #essential .prices .now span{font-weight: 700;color: #C70000;}
.pd.freeav #container #main #essential .prices .now .price_uk span{color: #2F3343;}
.pd.freeav #container #main #essential .btn-offer{display: grid;grid-template-areas: "rectangle triangle btn";grid-template-columns: fit-content(10%) 0 auto;margin: 0.5rem 0 0;}
.pd.freeav #container #main #essential .btn-offer .rectangle{z-index: 2;grid-area: rectangle;padding-left: .5rem;color: #FFFFFF;font-weight: 700;background-color: #E02222;display: flex;justify-content: center;align-items: center;}
.pd.freeav #container #main #essential .btn-offer .triangle{z-index: 1;grid-area: triangle;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #E02222;}
.pd.freeav #container #main #essential .btn-offer a{grid-area: btn;position: relative;display: inline-block;font-weight: 700;text-align: center;padding: .475rem 0.75rem .475rem 1.75rem;font-size: 16px;line-height: 24px;transition: .5s;background-color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out;color: #FFFFFF;background-color: #FF9010;border-color: #FF9010;}
.pd.freeav #container #main #essential .btn-offer a:hover{opacity: .5;}
}