.srb-comparator *:not(.container){box-sizing:border-box}
.srb-comparator{font-family:Unicredit,Arial,sans-serif;font-weight:400;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}
.srb-comparator .descriptionRed{background-color:#dc3144;background-image:radial-gradient(50% 50%,circle cover,#f66445,#dc3144 150%);background-image:-moz-radial-gradient(50% 50%,circle cover,#f66445,#dc3144 150%);background-image:-webkit-radial-gradient(50% 50%,circle cover,#f66445,#dc3144 150%);background-image:-o-radial-gradient(50% 50%,circle cover,#f66445,#dc3144 150%);background-image:-ms-radial-gradient(50% 50%,circle cover,#f66445,#dc3144 150%)}
.srb-comparator .descriptionIndigoBlue{background-color:#5c6bc0;background-image:radial-gradient(50% 50%,circle cover,#82b1ff,#5c6bc0 150%);background-image:-moz-radial-gradient(50% 50%,circle cover,#82b1ff,#5c6bc0 150%);background-image:-webkit-radial-gradient(50% 50%,circle cover,#82b1ff,#5c6bc0 150%);background-image:-o-radial-gradient(50% 50%,circle cover,#82b1ff,#5c6bc0 150%);background-image:-ms-radial-gradient(50% 50%,circle cover,#82b1ff,#5c6bc0 150%)}
.srb-comparator .descriptionGreen{background-color:#00838f;background-image:radial-gradient(50% 50%,circle cover,#42e695,#00838f 150%);background-image:-moz-radial-gradient(50% 50%,circle cover,#42e695,#00838f 150%);background-image:-webkit-radial-gradient(50% 50%,circle cover,#42e695,#00838f 150%);background-image:-o-radial-gradient(50% 50%,circle cover,#42e695,#00838f 150%);background-image:-ms-radial-gradient(50% 50%,circle cover,#42e695,#00838f 150%)}
.srb-comparator .descriptionPurple{background-color:#7c4dff;background-image:radial-gradient(50% 50%,circle cover,#b388ff,#7c4dff 150%);background-image:-moz-radial-gradient(50% 50%,circle cover,#b388ff,#7c4dff 150%);background-image:-webkit-radial-gradient(50% 50%,circle cover,#b388ff,#7c4dff 150%);background-image:-o-radial-gradient(50% 50%,circle cover,#b388ff,#7c4dff 150%);background-image:-ms-radial-gradient(50% 50%,circle cover,#b388ff,#7c4dff 150%)}
.srb-comparator .promo-stripe{display:none;position:absolute;top:55px;left:-75px;background:linear-gradient(to right,#fdd800 0,#f7f800 100%);width:320px;text-align:center;transform:rotate(-45deg);z-index:1}
.srb-comparator .promo-stripe p{font-size:15px;margin:8px 0;line-height:18px}
.srb-comparator .promo-stripe p.title{font-family:Unicredit,Arial,sans-serif;font-weight:bold;font-size:24px;letter-spacing:1px}
.srb-comparator .description .presentation{position:relative;text-align:center;padding:20px 40px}
.srb-comparator .description .presentation .main{display:inline-block;position:relative;margin-right:10px;padding-bottom:20px}
.srb-comparator .description .presentation h1.name{font-family:Unicredit,Arial,sans-serif;font-weight:400;display:inline-block;color:#fff;text-align:right;margin:30px 0 0;font-size:33px;line-height:55px;letter-spacing:7px;vertical-align:top}
.srb-comparator .description .presentation h1.name span{display:block;font-size:70px}
.srb-comparator .description .presentation a.more-details{position:absolute;bottom:0;right:8px;text-decoration:underline;font-size:16px;color:#333}
.srb-comparator .description .presentation img.package{display:inline-block;vertical-align:top}
.srb-comparator .description .presentation .amounts{position:relative;display:inline-block;margin:85px 0 0 10px;vertical-align:top}
.srb-comparator .description .presentation .amount{display:inline-block;font-family:Unicredit,Arial,sans-serif;font-weight:500;color:#333;font-size:120px}
.srb-comparator .description .presentation .amount .currency{display:inline-block;color:#333;font-size:20px;margin:-30px 0 0 -25px;vertical-align:top}
.srb-comparator .description .presentation .original-amount{display:none;position:absolute;top:-6px;left:65px;color:#333;font-size:18px;text-decoration:line-through;white-space:nowrap}
.srb-comparator .description .features .separator{width:100%;margin-top:8px;border:0;border-collapse:collapse}
.srb-comparator table tr{border:0}
.srb-comparator table.separator{margin-bottom:0}
.srb-comparator .features{margin-bottom:15px}
.srb-comparator .description .features .separator td{padding:0;border:0}
.srb-comparator .description .features .separator .position{-webkit-transition:width .3s ease;-moz-transition:width .3s ease;-o-transition:width .3s ease;transition:width .3s ease}
.srb-comparator .description .features .separator .line{width:100%;height:1px;box-sizing:border-box;border-top:1px solid #fff;opacity:.4}
.srb-comparator .description .features .separator .text{width:130px;text-align:center;color:#fff;font-size:12px;letter-spacing:.7px;text-transform:uppercase}
.srb-comparator .description .features .separator .arrow{width:13px}
.srb-comparator .description .features .separator .arrow span{display:inline-block;width:10px;height:1px;margin:1px -2px 8px -2px;background-color:#fff;opacity:.8}
.srb-comparator .description .features .separator .arrow .up{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);float:left}
.srb-comparator .description .features .separator .arrow .down{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);float:right}
.clear-both{clear:both}
.srb-comparator .description .features .comparator-carousel{position:relative;overflow:hidden;padding:10px 0;height:112px}
.srb-comparator .description .features ul{overflow:hidden;padding:0;margin:0;height:inherit}
.srb-comparator .description .features ul li{float:left;list-style-type:none;text-align:center;width:14.285%;padding:0 7px}
.srb-comparator .description .features ul li .info{display:none;font-size:16px}
.srb-comparator .description .features ul li h2{font-family:Unicredit,Arial,sans-serif;font-weight:400;display:block;text-align:center;color:#333;text-decoration:none;cursor:pointer;font-size:16px;line-height:17px;margin-top:0}
.srb-comparator .description .features ul li h2:before{display:block;width:75px;height:50px;margin:0 auto;content:' '}
.srb-comparator .description .features ul li:hover h2,.srb-comparator .description .features ul li.active h2{color:#fff}
.srb-comparator .description .features .active-info{display:table;width:100%;height:70px;color:#fff;padding:0;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.srb-comparator .description .features .active-info .info{display:table-cell;vertical-align:middle}
.srb-comparator .services .title div{display:table;width:100%;height:80px;text-align:center;cursor:pointer}
.srb-comparator .services .title:hover div{background-color:#f8f8f8}
.srb-comparator .services .title p{display:table-cell;font-size:14px;letter-spacing:.4px;color:#a6a6a6;text-transform:uppercase;vertical-align:middle}
.srb-comparator .services .title p strong{color:#333}
.srb-comparator .services .title p:after{display:inline-block;width:13px;height:8px;background:url('../../cee2020-pws/img/card_comparison/comparison_arrows.png') no-repeat 0 -8px transparent;margin-left:10px;content:' '}
.srb-comparator .services .card-container{overflow:hidden;padding:20px 10px 0;margin:0;background-color:#f8f8f8}
.srb-comparator .services .card-container .card{float:left;list-style-type:none;padding:0 10px;margin-bottom:20px}
.srb-comparator .services .card-container .card .card-border{padding:1px;margin:1px;border-radius:4px;background-color:#d4d7df;cursor:pointer}
.srb-comparator .services .card-container .card .card-content{width:100%;height:246px;background-color:#fff;text-align:center}
.srb-comparator .services .card-container .card .comparator-header{position:relative;display:table;width:100%;height:70px}
.srb-comparator .services .card-container .card .comparator-header h2{display:table-cell;vertical-align:middle;font-size:22px;line-height:20px;margin:0;font-family:Unicredit,Arial,sans-serif;font-weight:500}
.srb-comparator .services .card-container .card .card-content .left,.srb-comparator .services .card-container .card .card-content .right{text-align:center;float:none}
.srb-comparator .services .card-container .card p.card-description{color:#999;font-size:13px;line-height:15px;padding:0 25px;height:65px}
.srb-comparator .services .card-container .card p.promo-free{display:none;font-family:Unicredit,Arial,sans-serif;font-weight:bold;font-size:22px;color:#f66445;margin:0 0 10px}
.srb-comparator .services .card-container .card p.amount{font-family:Unicredit,Arial,sans-serif;font-weight:bold;font-size:40px;color:#054a73;margin:0 0 30px}
.srb-comparator .services .card-container .card p.amount .currency{font-family:Unicredit,Arial,sans-serif;font-weight:400;font-size:17px;margin-right:-2px}
.srb-comparator .services .card-container .card p.amount .cadence{font-family:Unicredit,Arial,sans-serif;font-weight:400;font-size:13px;color:#999;margin-left:-5px;vertical-align:sub}
.srb-comparator .services .card-container .card .add-remove{text-transform:uppercase;font-size:14px;letter-spacing:1px;text-decoration:none;color:#054a73;margin:0}
.srb-comparator .services .card-container .card .add-remove span.toggleRemove{display:none}
.srb-comparator .services .card-container .card.promotion .add-remove span.removepromotion{display:none}
.srb-comparator .services .card-container .card:not(.active) .card-border:hover{box-shadow:0 0 6px #dedede}
.srb-comparator .services .card-container .card:hover .add-remove{text-decoration:underline}
.srb-comparator .services .card-container .card.active .add-remove{color:#999}
.srb-comparator .services .card-container .card.active .card-border{background:linear-gradient(to right,#dc3144 0,#f66445 100%);padding:2px;margin:0}
.srb-comparator .services .card-container .card.promotion{display:none}
.srb-comparator .services .recap{position:relative;overflow:hidden}
.srb-comparator .services .recap p{display:table-cell;overflow:hidden;font-size:16px;margin:0;vertical-align:middle}
.srb-comparator .services .recap p .name{float:left;line-height:20px;max-width:60%}
.srb-comparator .services .recap p .amount{font-family:Unicredit,Arial,sans-serif;font-weight:bold;float:right;font-size:21px}
.srb-comparator .services .recap p .amount .currency{font-family:Unicredit,Arial,sans-serif;font-weight:300;color:#999;font-size:12px}
.srb-comparator .services .recap .package{display:table;width:100%;height:60px;border-bottom:1px solid #eee}
.srb-comparator .services .recap .package p{font-size:16px;letter-spacing:.5px}
.srb-comparator .services .recap .package p .name{line-height:21px}
.srb-comparator .services .recap ul.features-list{display:table;width:100%;margin:10px 0;padding:0}
.srb-comparator .services .recap ul.features-list li{display:table-row;list-style-type:none;height:30px}
.srb-comparator .services .recap ul.features-list li.zero{color:#ccc}
.srb-comparator .services .recap ul.features-list li.zero .currency{color:#ccc}
.srb-comparator .services .recap .total{text-align:center}
.srb-comparator .services .recap .total .total-amount{display:table;width:100%;margin-bottom:20px;border-top:1px solid #eee}
.srb-comparator .services .recap .total .total-amount p{font-size:18px;height:60px}
.srb-comparator .services .recap .total .total-amount p .name{line-height:26px}
.srb-comparator .services .recap .total .total-amount p .amount{font-size:31px}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active .comparator-header h2:after{position:absolute;display:block;font-size:12px;width:100%;color:#f66445;content:'PROMO'}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.promo-free{display:block}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.amount{font-size:13px;margin-bottom:17px;text-decoration:line-through}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.amount .currency{font-size:13px}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.amount .cadence{font-size:12px;vertical-align:initial;margin:-2px}
.srb-comparator.standard-promo .services .card-container .card.promotion{display:block}
.srb-comparator.standard-promo .services .card-container .card.promotion .card-border{background:linear-gradient(to right,#dc3144 0,#f66445 100%) repeat scroll 0 0 rgba(0,0,0,0);margin:0;padding:2px}
.srb-comparator.standard-promo .services .card-container .card.promotion .card-content{background-color:transparent}
.srb-comparator.standard-promo .services .card-container .card.promotion h2,.srb-comparator.standard-promo .services .card-container .card.promotion p.card-description,.srb-comparator.standard-promo .services .card-container .card.promotion p.amount,.srb-comparator.standard-promo .services .card-container .card.promotion .add-remove{color:#fff}
.srb-comparator.standard-promo .services .card-container .card.promotion .amount{margin-bottom:50px}
.srb-comparator.standard-promo .services .card-container .card.promotion .check{display:none;padding:72px 0 48px;margin-bottom:9px}
.srb-comparator.standard-promo .services .card-container .card.promotion.active h2,.srb-comparator.standard-promo .services .card-container .card.promotion.active .comparator-header,.srb-comparator.standard-promo .services .card-container .card.promotion.active .card-description,.srb-comparator.standard-promo .services .card-container .card.promotion.active .amount{color:#000}
.srb-comparator.standard-promo .services .card-container .card.promotion.active .comparator-header,.srb-comparator.standard-promo .services .card-container .card.promotion.active .card-description,.srb-comparator.standard-promo .services .card-container .card.promotion.active .amount{opacity:.1}
.srb-comparator.standard-promo .services .card-container .card.promotion.active .check{display:block;position:absolute;top:0;right:0;left:0;margin:0 auto}
.srb-comparator.standard-promo .services .recap .promo-amount p .amount{color:#f66445}
.srb-comparator.standard-promo .services .recap .promo-amount p .amount .currency{color:#f66445}
.srb-comparator.global-promo .promo-stripe{display:block}
.srb-comparator.global-promo .description .presentation .amounts{margin-right:70px}
.srb-comparator.global-promo .description .presentation .amount,.srb-comparator.global-promo .description .presentation .amount .currency{color:#fff}
.srb-comparator.global-promo .description .presentation .original-amount{display:block}
.srb-comparator.global-promo .services .card-container .card p.promo-free{display:block}
.srb-comparator.global-promo .services .card-container .card p.amount{font-size:13px;margin-bottom:17px;text-decoration:line-through}
.srb-comparator.global-promo .services .card-container .card p.amount .currency{font-size:13px}
.srb-comparator.global-promo .services .card-container .card p.amount .cadence{font-size:12px;vertical-align:initial;margin:-2px}
.srb-comparator.global-promo .services .recap li:not(.zero) p .amount,.srb-comparator.global-promo .services .recap li:not(.zero) p .amount .currency{color:#f66445}
@media(min-width:1200px){.srb-comparator:not(.standard-promo) .services .card-container .card:nth-child(3n+2){clear:left}
.srb-comparator.standard-promo .services .card-container .card:nth-child(3n+1){clear:left}
}
@media(min-width:960px) and (max-width:1199px){.srb-comparator:not(.standard-promo) .services .card-container .card:nth-child(2n){clear:left}
.srb-comparator.standard-promo .services .card-container .card:nth-child(2n+1){clear:left}
}
@media(max-width:1199px){.srb-comparator .promo-stripe{top:30px;left:-60px;width:240px}
}
@media(max-width:959px){.srb-comparator .description .presentation{padding:20px 10px}
.srb-comparator .description .presentation .amount{font-size:100px}
.srb-comparator .description .presentation .amount .currency{margin:-20px 0 0 -20px}
.srb-comparator .description .presentation .original-amount{top:0;left:55px}
.srb-comparator .description .features{padding:20px 10px 0 10px}
.srb-comparator .description .features ul li{padding:0 7px}
.srb-comparator .services .title{padding:0}
.srb-comparator .promo-stripe{position:relative;top:auto;left:auto;padding:10px 0;width:100%;height:70px;transform:none}
.srb-comparator .promo-stripe p{margin:5px 0}
.srb-comparator .services .card-container{padding:10px 0 0;margin:0 -10px}
.srb-comparator .services .card-container .card{margin-bottom:10px}
.srb-comparator .services .card-container .card .card-content{overflow:hidden;height:auto;padding-bottom:30px}
.srb-comparator .services .card-container .card .card-content .left{float:left;width:60%}
.srb-comparator .services .card-container .card .card-content .right{float:right;width:40%}
.srb-comparator .services .card-container .card p.card-description{margin:0;padding:0 10px}
.srb-comparator .services .card-container .card p.promo-free{font-size:32px}
.srb-comparator .services .card-container .card p.amount{font-size:28px;margin-top:24px;margin-bottom:46px}
.srb-comparator .services .card-container .card p.amount .currency{font-size:14px}
.srb-comparator .services .recap{min-height:0}
.srb-comparator.standard-promo .services .card-container .card .card-content .left{position:relative}
.srb-comparator.standard-promo .services .card-container .card.promotion.active .check{padding:26px 0 25px}
.srb-comparator.standard-promo .services .card-container .card.promotion.active .add-remove{padding:0 2px}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.promo-free{margin-top:20px}
.srb-comparator.standard-promo .services .card-container .card.active-promo.active p.amount{margin-top:10px;margin-bottom:31px}
.srb-comparator.global-promo .services .card-container .card p.promo-free{margin-top:20px}
.srb-comparator.global-promo .services .card-container .card p.amount{margin-top:10px;margin-bottom:31px}
.srb-comparator .description .presentation h1.name{font-size:20px}
.srb-comparator .description .presentation h1.name span{font-size:46px}
}
@media(max-width:599px){.srb-comparator .container{width:auto;padding-right:10px;padding-left:10px}
.srb-comparator .description .presentation{padding:20px 0}
.srb-comparator .description .presentation .main{position:initial;display:inline-block;margin-top:0;width:100%}
.srb-comparator .description .presentation h1.name{font-size:18px;letter-spacing:4px;line-height:1em;text-align:center;min-width:150px;margin-top:10px;margin-bottom:10px}
.srb-comparator .description .presentation h1.name span{font-size:34px;letter-spacing:2px;line-height:30px;margin-bottom:10px}
.srb-comparator .description .presentation a.more-details{left:0;right:0;z-index:1;position:initial;display:block;text-align:center}
.srb-comparator .description .presentation img.package{max-width:110px}
.srb-comparator .description .presentation .amounts{margin:22px 0 0 5px}
.srb-comparator .description .presentation .amount{font-size:70px}
.srb-comparator .description .presentation .original-amount{top:0;left:40px}
.srb-comparator .description .presentation .amount .currency{position:absolute;font-size:12px;margin:0;top:-18px;right:-17px}
.srb-comparator .description .features{padding:20px 0 0 0}
.srb-comparator .description .features .comparator-carousel{margin:0 -10px}
.srb-comparator .description .features ul{position:absolute}
.srb-comparator .description .features ul li h2{display:inline-block;width:150px}
.srb-comparator .description .features ul li:not(.active) h2{color:#a02431}
.srb-comparator .description .features ul li:not(.active) h2:before{background-image:url('../../cee2020-pws/img/package-configurator/srb-features-sprite.png')}
.srb-comparator .services .card-container .card p.card-description{margin:0;padding:0 0 0 10px}
.srb-comparator .services .card-container .card .add-remove{font-size:12px;position:absolute;bottom:15px;right:25px}
}