body { position: relative; }
h1, .h1, .fs-1 { font-size: calc(1.375rem + 1.5vw); font-weight: 400; line-height: 1.2;}
h1.product .h1.product { font-size: calc(1.35rem + 1.2vw); font-weight: 400; line-height: 1.2;}
h2, .h2, .fs-2 { font-size: calc(1.325rem + 0.9vw); font-weight: 400; line-height: 1.2;}
h3, .h3, .fs-3 { font-size: calc(1.275rem + 0.3vw); font-weight: 400; line-height: 1.4;}
h4, .h4, .fs-4 { font-size: 1.25rem; font-weight: 400; line-height: 1.4;}
h5, .h5, .fs-5 { font-size: 1.125rem; font-weight: 400; line-height: 1.5;}
h6, .h6, .fs-6 { font-size: 1rem; font-weight: 400; line-height: 1.5;}
h4, .h4 { font-weight: 700; }
h5, .h5 { font-weight: 700; }
h6, .h6 { font-weight: 700; }
p.large { font-size: 1.125rem;}
@media (min-width: 1200px) {
h1, .h1, .fs-1 { font-size: 2.5rem; }
h1.product, .h1.product {font-size: 2.25rem;}
h2, .h2, .fs-2 { font-size: 2rem;}
h3, .h3, .fs-3 { font-size: 1.5rem; }
}
.fs-7 { font-size: .875rem; }
a { color: #0067CB; text-decoration: none; }
a:hover { color: #0052A3; text-decoration: underline; }
img { width: 100%; max-width: 100%; height: auto; }
.wz-alludo.ftr-logo img { width: auto; height: 35px; }
#main-nav, #main-nav .dropdown-menu { font-size: 1rem; }
#sitenav { z-index: 100; }
#sitenav .navbar-brand { padding: 0 30px 0 0; margin-right: 0; }
#sitenav .navbar-brand img { width: auto; height: 32px;}
#sitenav.bg-light {background-color: rgba(255,255,255,1) !important; border-bottom: 1px solid rgba(0,0,0,.05);}
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent;}
.nav-items .nav-link { position: relative; display: inline; padding: 0 0 2px 0 !important; font-weight: 500; font-size: 1rem; color: #000 !important; }
.nav-items .nav-link::after {display: inline-block; position: absolute; content: ""; background: url("https://www.winzip.com/static/wz/images/icons/arrow-narrow-right.svg");background-repeat: no-repeat; background-size: 100% 100%; top: 2px; right: -26px; width: 18px; height: 15px; }
.nav>li>a .nav-item, .nav>li>a.nav-item, .nav-items li a, a.nav-link, .nav-item .nav-link .nav-item {transition: 250ms; padding-bottom: 2px; border-bottom: 2px solid transparent;}
.nav-items li a { text-decoration: none; }
.nav-items li a:hover {padding-bottom: 2px; border-bottom: 2px solid #F6C856; text-decoration: none; }
.nav-link:hover {text-decoration: none;}
.nav-ft-image { display: none; padding: 15px; height: 100%;}
.nav-ft-image a { color: #000; background-image: url("../jpg/feature.jpg"); background-size: 150% auto; background-position: center center; transition: all 1s;}
.nav-ft-image a:hover { text-decoration: none; background-size: 160% auto; }
.nav-ft-image a p span { text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid transparent; transition: 250ms; }
.nav-ft-image a:hover p span { text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid #F6C856; transition: 250ms; }
.feature-description {padding: 10px 15px; background: rgba(255,255,255,.9); width: 100%; }
.feature-description p {margin:0; text-align: center; }
.feature-info {padding:30px 25px 25px 25px; }
@media (min-width: 1200px) {
.nav-ft-image a { background-size: 125% auto;}
.nav-ft-image a:hover { background-size: 135% auto; }
.es .nav-ft-image a { background-size: 130% auto;}
.es .nav-ft-image a:hover { background-size: 140% auto; }
.fr .nav-ft-image a { background-size: 130% auto;}
.fr .nav-ft-image a:hover { background-size: 140% auto; }
.nl .nav-ft-image a { background-size: 130% auto;}
.nl .nav-ft-image a:hover { background-size: 140% auto; }
}
.dropdown-menu { box-shadow: none; border-radius: 0; border: none; padding: 0; min-width: 220px; }
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .dropdown-item { color: #000;}
.nav-link i { font-size: .625rem; vertical-align: middle; transition:.25s;}
.link-subtext { font-size: 14px; display: block; margin-top: 2px; }
.nav-side {text-decoration: none; font-weight: 500; color: #000;}
.nav-side.sign-in { color: #000; border-radius: 100px; padding: 12px 20px; min-width: inherit; border: 2px solid #fff;}
.nav-side.sign-in:hover { color: #fff; text-decoration: none; background: #0067CB; border: 2px solid #0067CB;}
.sign-in:hover .user-icon::before { filter: brightness(0) invert(1); }
.user-icon::before { display: inline-block; content: ""; width: 20px; height: 20px; vertical-align: -4px; background-image: url(https://www.winzip.com/static/wz/images/icons/user-square.svg); background-repeat: no-repeat; background-size: 100% 100%; margin-right: 5px;}
#sitenav.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; font-weight: 500;}
#sitenav.navbar{ /* z-index should be above .close-navbar-toggler */ z-index:11; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
#sitenav { border-bottom: 1px solid #DEDEDE; }
.nav-item.dropdown.dropdown-mega { position: static; }
.nav-item.dropdown.dropdown-mega .dropdown-menu { width: 100%; top: auto; background: rgba(255,255,255,1); }
.navbar-toggler { border: none; padding: 0; outline: none; }
.btn, .button a { color: #fff; text-decoration: none; padding: 12px 24px; line-height: 1; min-width: 150px; border-radius: 100px; font-size: 16px; font-weight: 500; }
.btn:hover {text-decoration: none;}
.btn-primary { background-color: #0067CB; border: 2px solid #0067CB; color: #fff !important; }
.btn-primary:hover { background-color: #0052a3; border: 2px solid #0052a3; color: #fff; }
.dropdown-toggle::after, .dropup .dropdown-toggle::after { display: none; }
footer { font-size: .925em; border-top: 1px solid #dee2e6;}
footer ul li a, footer .ft-copyright a { color: #999; text-decoration: none; }
footer ul { padding-left: 0; }
footer .ft-links { list-style: none; }
footer .ft-links p { font-size: 14px; }
footer .ft-links li { list-style-type: none; padding-top: 5px; padding-bottom: 5px;}
footer .ft-links li a {text-decoration: none; color: #999; font-size: 14px; transition: 250ms;}
footer .ft-links .h6 a, footer .ft-links .h6 { margin-bottom: 20px; color: #fff; }
footer .ftr-logo {max-width: 190px; margin-bottom: 1.5rem; overflow: auto; }
#footer { background: #000; color: #999; }
.footer-alludo .ft-copyright-list { text-align: center; }
.footer-alludo .ft-copyright-list li a { font-size: 14px; color: #757575; }
.footer-alludo .container {border-top: 1px solid #464646; padding-top: 20px; padding-bottom: 20px;}
.ft-alludo-list li { display: inline-block; vertical-align: middle; padding-right: 10px; }
.ft-alludo-list li:last-child {padding-right: 0;}
.ft-alludo-list li a {font-size: 14px; color: #999; transition: 250ms;}
.ft-alludo-list li a:hover {color: #fff; text-decoration: none;}
a.ideated-by { font-size: 12px; color: #fff; text-decoration: none;}
a.ideated-by:hover { color: #fff; text-decoration: none;}
img.logo-alludo { max-height: 18px; width: auto; display: inline-block; vertical-align: baseline; margin-left: 5px;}
p.copyright { clear: both; }
.ft-social-list {margin-bottom: 0;}
.ft-social-list li { display: inline-block; margin-right: 0; }
.ft-social-list svg { width: 100%; height: 100%; }
.ft-social-list a { width: 32px; height: 32px; color: #fff; fill: #fff; position: relative; display: block; }
.ft-links .ft-social-list a { width: 32px; height: 32px; color: #333 !important; fill: #000 !important; position: relative; display: block; }
.ft-copyright {background: #000; color: #fff; font-size: 12px;}
.ft-copyright ul {margin-bottom: 0; padding-bottom: 0;}
.ft-copyright li {line-height: 20px;}
.ft-copyright-list { line-height: 12px; color: #fff;}
.ft-copyright-list li { display: inline-block; vertical-align: middle; margin-right: 20px;}
.ft-copyright-list li:last-child { margin-right: 0;}
.ft-corel-logo {width: 100px; border-left: 1px solid rgba(255,255,255,.5); padding-left: 10px;}
.ft-logos ul {padding-right: 5px;}
.ft-logos ul, .ft-corel-logo {display: inline-block;}
.language-selector button {padding-top: 5px; padding-bottom: 5px; text-transform: capitalize; color: #fff; background-color: rgba(255,255,255,0); transition:.25s; border: none;}
.language-selector button i.bi-globe2 { font-size: 1.75em;}
.language-selector .dropdown-menu { background: #121212;}
[class^="bi-"], [class*=" bi-"] { display: inline-block; content: ''; text-indent: -9999px; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; top:0; left:0; z-index: 1; background-size: cover; }
.bi-chevron-down { background: url(https://www.winzip.com/static/wz/images/icons/menu-arrow-down.svg) no-repeat;
width: 16px;
height: 16px;
display: inline-block;
background-size: 16px; }
.bi-chevron-up { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/chevron-up.svg); }
.bi-person-fill {background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/person-fill.svg);}
.bi-person-circle {background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/person-circle.svg);}
.bi-globe2 {background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/globe2.svg);}
.footer-nav { padding: 80px 0 20px; }
.footer-nav h6 { color: #fff; margin-bottom: 20px; }
.footer-nav ul li { font-size: 0.875rem; padding: 0 0 0.5rem; }
footer .dropdown-menu>li>a:focus, footer .dropdown-menu>li>a:hover { text-decoration: none; }
footer .language-selector span { font-size: 1rem; }
.footer-bottom { padding: 1.25rem; background-color: #000; text-align: center; color: #fff; }
footer .ft-copyright-list a { color: #757575; font-size: 0.875rem; }
footer .ft-copyright-list a:hover { color: #757575; }
footer .ft-copyright-list li { display: inline-block; vertical-align: middle; margin: 0 1.25rem; }
footer .ft-social-list a { width: 32px; height: 32px; color: #333; fill: #fff; position: relative; display: block; opacity: 0.4; }
footer .ft-social-list a:hover { opacity: 1; }
.delivered-by { font-size: 9px; font-weight: 500; color: #000; float: right; white-space: nowrap; margin-right: 8px; margin-top: 5px; text-align: right; }
.delivered-by span { width: auto; display: block; min-width: 70px; text-align: left; }
a .delivered-by { text-decoration: none; }
p.copyright { clear: both; font-size: 12px !important; }
p.copyright span.wrap { display: block; }
@media (max-width: 1400px) {
.nav-ft-image a { background-size: 145% auto;}
.nav-ft-image a:hover { background-size: 155% auto;}
}
@media (max-width: 1199px) {
.nav-ft-image a { background-size: 175% auto;}
.nav-ft-image a:hover { background-size: 185% auto;}
.es .nav-ft-image a { background-size: 185% auto;}
.es .nav-ft-image a:hover { background-size: 195% auto;}
.fr .nav-ft-image a { background-size: 185% auto;}
.fr .nav-ft-image a:hover { background-size: 195% auto;}
.nl .nav-ft-image a { background-size: 185% auto;}
.nl .nav-ft-image a:hover { background-size: 195% auto;}
}
@media (min-width: 768px) {
.navbar-nav>li>a { padding-top: 13px; padding-bottom: 13px; }
.collapse.mobile { display: block; height: auto !important; visibility: visible; }
.footer-left { text-align: left; }
.footer-right { text-align: right; }
.feature-product { height: 100%; display: flex; align-items: stretch; }
.mega-content .border-left { border-left: 1px solid #dbdbdb; }
}
@media (max-width: 991px) {
footer .footer-bottom .row { justify-content: space-between; }
}
@media (max-width: 767px) {
.footer-nav { padding: 40px 40px 20px; }
.footer-bottom { padding: 1rem 0; }
.footer-bottom .ft-copyright-list li a { font-size: 0.75rem; }
}
dl#headersw, #headersw dt, #headersw dd { margin: 0; padding: 0; line-height: 20px; font-size: 13px; font-weight: normal }
.bf #headersw dt {border-bottom: solid 6px #DA00B6;}
.bf .wave-color {color: #DA00B6; font-weight: 700;}
.cm #headersw dt {border-bottom: solid 6px #70FF00;}
.cm .wave-color {color: #70FF00; font-weight: 700;}
.hsw-msg { display: table; width: 100% }
[data-promo-image="hsw"] { margin: 0 auto }
#headersw dd { display: none; }
#headersw a, #headersw a:hover, #headersw a:hover span, #headersw span:focus, #headersw a:focus { text-decoration: none !important; }
.hsw-dtl { background: #fff; }
.fs-7 { font-size: .875rem; }
#sitenav .nav-link.disabled { pointer-events: inherit!important; cursor: pointer; }
#sitenav .navbar-nav .nav-link.disabled { color: rgba(0,0,0,1) !important;}
#sitenav .btn-secondary { background: rgba(0,86,153,1); border: 1px solid rgba(0,86,153,1); color: #fff;}
#sitenav .btn-secondary:hover, #sitenav .btn-secondary:focus { background: rgba(0,86,153,.9); border: 1px solid rgba(0,86,153,.9); color: #fff;}
.bg-dark { background: #3F5D96 !important; }
#sitenav h5 {font-weight: 600; color: #000;}
#language .dropdown-menu>li>a { padding: 5px 20px; }
.dropdown-menu>li>a { padding: 7px 20px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #676767; color: #fff; }
.dropdown-menu>.open>a, .dropdown-menu>.open>a:focus, .dropdown-menu>.open>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; background-color: #676767 !important; }
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { background-color: #676767; top: 0; left: 100%; margin-top: 0; margin-left: -1px; }
.dropdown-submenu>.dropdown-menu>li>a { padding: 7px 30px; }
.dropdown-submenu>.dropdown-menu>li>a:focus, .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #ececec; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a { background-color: #ececec; }
.dropdown-submenu:hover>a:after { border-left-color: #555; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 0; }
.dropdown-header { text-transform: uppercase; font-weight: bold; padding: 15px 20px 3px 30px; }
.dropdown:hover { display: block }
.dropdown-menu[data-bs-popper] { left: 0; margin-top: 9px; }
li.nav-item a.show, #sitenav.navbar-light .navbar-nav .nav-link:hover { color: #000 !important; }
.navbar-light .navbar-nav .nav-link:hover .nav-item, li.nav-item a.show .nav-item {padding-bottom: 2px; border-bottom: 2px solid #F6C856; text-decoration: none;}
a.dropdown-toggle.show i { transform: rotate(-180deg);}
.li-language span.map { position: absolute; top: 10px; left: 10px; }
#sitenav .attension-new { background-color: #de0000; text-transform: uppercase; font-weight: bold; float: right; color: #fff; padding-left: 5px; padding-right: 5px; }
.close-navbar-toggler{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; cursor:pointer; }
.close-navbar-toggler.collapsed{ z-index:-1; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.dropdown-menu.show { -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */ animation: fadeIn 0.3s alternate; }
.navbar-toggler:focus { box-shadow: none; }
.navbar-toggler .hamburger-toggle { position: relative; display: inline-block; width: 50px; height: 50px; z-index: 11; float: right; }
.navbar-toggler .hamburger-toggle .hamburger { position: absolute; transform: translate(-50%, -50%) rotate(0deg); left: 50%; top: 50%; width: 50%; height: 50%; pointer-events: none;}
.navbar-toggler .hamburger-toggle .hamburger span { width: 100%; height: 4px; position: absolute; background: #333; border-radius: 2px; z-index: 1; transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out; left: 0px;}
.navbar-toggler .hamburger-toggle .hamburger span:first-child { top: 10%; transform-origin: 50% 50%; transform: translate(0% -50%) !important;}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) { top: 50%; transform: translate(0, -50%);}
.navbar-toggler .hamburger-toggle .hamburger span:last-child { left: 0px; top: auto; bottom: 10%; transform-origin: 50% 50%;}
.navbar-toggler .hamburger-toggle .hamburger.active span { position: absolute; margin: 0;}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child { top: 45%; transform: rotate(45deg);}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) { left: 50%; width: 0px;}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child { top: 45%; transform: rotate(-45deg);}
.nav-product a {color: #333; text-decoration: none; transition:.25s;}
.nav-product a:hover h6, .link-item a:hover h6 {color: #005699;}
.nav-product a:hover {background-color: rgba(0,86,153,.05);}
.nav-product p, .link-item p, .nav-panel p {margin-bottom: 0;}
.link-item a {color: #333; text-decoration: none; display: block;}
.link-item a:hover {background-color: rgba(255,255,255,.4) !important;}
.mega .nav, .mega .collapse, .mega .dropup, .mega .dropdown { position: static; }
.mega .container { position: relative; }
.mega .dropdown-menu { width: 100%; margin: 0 auto; }
.mega-content .col-lg-1, .mega-content .col-lg-10, .mega-content .col-lg-11, .mega-content .col-lg-12, .mega-content .col-lg-2, .mega-content .col-lg-3, .mega-content .col-lg-4, .mega-content .col-lg-5, .mega-content .col-lg-6, .mega-content .col-lg-7, .mega-content .col-lg-8, .mega-content .col-lg-9, .mega-content .col-md-1, .mega-content .col-md-10, .mega-content .col-md-11, .mega-content .col-md-12, .mega-content .col-md-2, .mega-content .col-md-3, .mega-content .col-md-4, .mega-content .col-md-5, .mega-content .col-md-6, .mega-content .col-md-7, .mega-content .col-md-8, .mega-content .col-md-9, .mega-content .col-sm-1, .mega-content .col-sm-10, .mega-content .col-sm-11, .mega-content .col-sm-12, .mega-content .col-sm-2, .mega-content .col-sm-3, .mega-content .col-sm-4, .mega-content .col-sm-5, .mega-content .col-sm-6, .mega-content .col-sm-7, .mega-content .col-sm-8, .mega-content .col-sm-9, .mega-content .col-xs-1, .mega-content .col-xs-10, .mega-content .col-xs-11, .mega-content .col-xs-12, .mega-content .col-xs-2, .mega-content .col-xs-3, .mega-content .col-xs-4, .mega-content .col-xs-5, .mega-content .col-xs-6, .mega-content .col-xs-7, .mega-content .col-xs-8, .mega-content .col-xs-9 {
padding-left: 0;
padding-right: 0;
}
.mega-content .gray-col {background: #f4f4f4;}
.mega-content ul {list-style: none; padding-left: 0;}
.mega-content ul li {padding-bottom: 10px;}
.mega-content a {color: #000; text-decoration: none; }
.dropdown-menu.mega-full-width {padding: 0;}
.dropdown-menu.mega-full-width { left: 0; right: 0; }
.mega-content .h5 {font-size: 1.125rem;}
.mega-content .gray-col {padding: 30px 15px 30px 30px;}
.mega-content .feature-col {padding: 0; }
.mega-content .gray-wrap {background: #f4f4f4;}
.feature-col .row {margin-left: 0; margin-right:0;}
.mega-content .icon-col {padding-left: 50px; padding-bottom: 15px; padding-right: 15px; margin: 30px 0 30px 0;}
.mega-content .icon-col .row {margin-left: 0; margin-right: 0;}
.mega-content .icon {position: relative;}
.mega-content .icon::before {display: inline-block; position: absolute; content: ""; width: 22px; height: 22px; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 5px; top: 3px; left: -32px;}
.home-icon::before {background-image: url("https://www.winzip.com/static/wz/images/icons/home-03.svg");}
.business-icon::before {background-image: url("https://www.winzip.com/static/wz/images/icons/briefcase-02.svg");}
.howto-icon::before {background-image: url("https://www.winzip.com/static/wz/images/icons/howto.svg");}
.filetypes-icon::before {background-image: url("https://www.winzip.com/static/wz/images/icons/filetypes.svg");}
.arrow-right { display: inline-block; padding-left: 5px; }
.arrow-right:before { content: ''; background: url("https://www.winzip.com/static/wz/images/icons/arrow-narrow-right.svg") no-repeat 0 4px; width: 16px; height: 16px; display: inline-block; background-size: 16px;}
.nav-panel {background-color: rgba(0,0,0,.05);}
.nav-panel .panel-badge {padding: 5px 10px; background: #000; color: #fff; float: left; margin-bottom: 0;}
.nav-panel .panel-content {clear: left;}
#product-nav { background-color: #E6E6E6; min-height: initial; z-index: 10; }
#product-nav a { color: #333; }
#product-nav .btn { color: #fff; }
#product-nav #buy, #product-nav #trial { display: none; min-width: 0 }
#product-nav.sticky #buy, #product-nav.sticky #trial { display: inline-block; margin-bottom: 0; padding: 8px 16px;}
#product-nav.sticky #trial { color: #000 !important; }
#product-nav.sticky #trial:hover { color: #fff !important; }
#product-nav .navbar-brand { display: none; text-transform: none; height: inherit }
#product-nav .navbar-brand { color: #333 }
#product-nav.sticky .navbar-brand { display: inline; padding: 13px 15px; }
#product-nav .navbar-brand img { height: 13px; width: inherit; }
#product-nav .navbar-brand span { display: none }
#product-nav .navbar-nav>.active>a:hover { background-color: #f1f1f1; color: #000 }
#product-nav.sticky a.btn:first-child:hover {background-color: #0052a3;}
#product-nav .flex { display: flex!important; justify-content: center !important; }
.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 10 }
#product-nav li.active a { border-bottom: 3px solid #000; color: #000; font-weight: 500; }
#product-nav .nav-link.active, #product-nav .show>.nav-link { border-bottom: 3px solid #000; color: #000; font-weight: 500; }
#product-nav.navbar-light .navbar-toggler-icon { background: transparent url("data:image/svg+xml,") center/1em auto no-repeat; }
.img-holder img { width: 100%; }
/* Buttons */
.buttons .btn {margin-right: 12px;}
.buttons .btn:last-child {margin-right: 0;}
.button { line-height: 22px; }
.button a:hover { text-decoration: none }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #0052a3; border-color: #0052a3; }
.btn-primary:active, .btn-primary:focus { color: #fff; background-color: #0052a3; border-color: #0052a3; }
.dark-bg .btn-primary, .btn-primary.dark { background-color: #fff; border: 2px solid #fff; color: #000 !important }
.dark-bg .btn-primary:hover, .btn-primary.dark:hover { background-color: #000; border: 2px solid #000; color: #fff!important; }
.dark-bg .btn-primary.active, .dark-bg .btn-primary:active, .dark-bg .open>.dropdown-toggle.btn-primary, .dark-bg .btn-primary.focus, .dark-bg .btn-primary:focus, .dark-bg .btn-primary.active.focus, .dark-bg .btn-primary.active:focus, .dark-bg .btn-primary.active:hover, .dark-bg .btn-primary:active.focus, .dark-bg .btn-primary:active:focus, .dark-bg .btn-primary:active:hover, .dark-bg .open>.dropdown-toggle.btn-primary.focus, .dark-bg .open>.dropdown-toggle.btn-primary:focus, .dark-bg .open>.dropdown-toggle.btn-primary:hover { background: #fff; border: 2px solid #fff; color: #000!important; box-shadow: none;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { background-color: #CBCBCB; border-color: #CBCBCB;}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #CBCBCB; border-color: #CBCBCB }
a.btn-default, a.btn-secondary, .btn-secondary { background: transparent; color: #000; border: 2px solid #000; }
a.btn-default:hover, a.btn-secondary:hover, .btn-secondary:hover { background: #000; color: #fff !important; border: 2px solid #000; }
.dark-bg a.btn-default, .dark-bg a.btn-secondary, a.btn-secondary.dark { background: transparent; color: #fff; border: 2px solid #fff; }
.dark-bg a.btn-default:hover, .dark-bg a.btn-secondary:hover, a.btn-secondary.dark:hover { background: #fff; color: #000 !important; border: 2px solid #fff; }
a.btn-tertiary { position: relative; padding: 0 0; font-weight: 500; font-size: 1rem; color: #000 !important;}
a.btn-tertiary::after {display: inline-block; position: absolute; content: ""; background: url("https://www.winzip.com/static/wz/images/icons/arrow-narrow-right.svg");background-repeat: no-repeat; background-size: 100% 100%; right: -26px; width: 18px; height: 15px; filter: brightness(0) saturate(100%);}
.blue-btn:hover { background: #28acff; border: 1px solid #28acff; }
.btn-dkblue { background: #3e5d96; border: 1px solid #3e5d96; }
.btn-dkblue:hover { background: #45659f; border: 1px solid #45659f; color: #fff; }
.btn-default, .btn-grey, .grey-btn { background: #959595; color: #fff; border: 1px solid #959595; }
.btn-default:hover, .btn-grey:hover, .grey-btn:hover { background: #a8a8a8; color: #fff; border: 1px solid #a8a8a8; }
a.btn-download { color: #000 !important; border: 2px solid #000; position: relative; padding-right: 48px;}
a.btn-download::after { display: inline-block; position: absolute; content: ""; background: url("https://www.winzip.com/static/wz/images/icons/download-01.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 10px; right: 24px; width: 18px; height: 18px; }
a.btn-download:hover { text-decoration: none !important; color: #fff !important; background: #000;}
a.btn-download:hover::after {filter: brightness(0) invert(1);}
a.btn-download.primary { color: #fff !important; background-color: #0067CB; border: 2px solid #0067CB; position: relative; padding-right: 48px;}
a.btn-download.primary::after { display: inline-block; position: absolute; content: ""; background: url("https://www.winzip.com/static/wz/images/icons/download-01.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 10px; right: 24px; width: 18px; height: 18px; filter: brightness(0) invert(1);}
a.btn-download.primary:hover { text-decoration: none !important; color: #fff !important; background-color: #0052a3; border: 2px solid #0052a3;}
a.btn-download.primary:hover::after {filter: brightness(0) invert(1);}
a.link-download { position: relative; font-size: 16px; display: inline-block; margin-right: 40px;}
a.link-download::after { display: inline-block; position: absolute; content: ""; background: url("https://www.winzip.com/static/common/images/icons/download-01.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 2px; right: -26px; width: 18px; height: 18px; }
a.link-download:hover { }
a.link-download:hover::after {filter: brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(7389%) hue-rotate(196deg) brightness(97%) contrast(106%);}
.link-tertiary{position:relative;font-size:16px;display:inline-block;margin-right:40px;color:#0067cb}.link-tertiary::after{display:inline-block;position:absolute;content:"";background:url(https://www.winzip.com/static/common/images/icons/arrow-narrow-right.svg);background-repeat:no-repeat;background-size:100% 100%;top:4px;right:-26px;width:16px;height:16px; filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(1929%) hue-rotate(195deg) brightness(90%) contrast(101%);}
.link-tertiary:hover{text-decoration:underline;color:#0052a3}
.link-tertiary:hover::after{filter:brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(7389%) hue-rotate(196deg) brightness(97%) contrast(106%)}
.fw-semibold { font-weight: 500; }
.alt-row { background: #f2f2f2; }
.hide-nav #main-nav, .hide-nav .navbar-toggler { display: none !important; }
.modal { text-align: center; }
.modal-content { border-radius: 10px; border: none; }
.modal-dialog { max-width: 600px; display: inline-block; text-align: left; vertical-align: middle; margin: 30px auto; }
.modal-title { font-size: 22px }
.modal-body { margin-bottom: 15px; position: relative; }
.modal-body p { font-size: 14px; line-height: 1.5; }
.modal-body li { margin-bottom: 5px; line-height: 1.3 }
#modal-master.video .modal-dialog { width: 90%; max-width: 1000px; }
#modal-master.video .modal-content { background-color: transparent; border: none; box-shadow: none }
#modal-master.video .modal-body { padding: 0px; margin-bottom: 0; }
#modal-master.video .btn-close { position: absolute; right: 0; top: -40px; z-index: 999; color: #fff; text-shadow: none; background: transparent url("data:image/svg+xml,") center/1em auto no-repeat; }
#modal-master.video .close:hover { color: #ccc; }
#vid-content { background-color: #000; }
footer ul li a:hover, footer .ft-copyright a:hover { text-decoration: underline;}
footer .ft-copyright a:hover {color: #fff;}
footer .ft-links li a:hover { color: #fff; text-decoration: none;}
.language-selector button.show i.bi-chevron-up { transform: rotate(-180deg);}
/* Icons */
.bi-house { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/house.svg); }
.bi-check-circle-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/check-circle-fill.svg); }
.bi-check-circle { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/check-circle.svg); }
.bi-check { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/check.svg); }
.bi-play-circle { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/play-circle.svg); }
.bi-download { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/download.svg); }
.bi-clock-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/clock-fill.svg); }
.bi-cloud-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/cloud-fill.svg); }
.bi-cursor-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/cursor-fill.svg); }
.bi-file-zip-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/file-zip-fill.svg); }
.bi-shield-lock-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/shield-lock-fill.svg); }
.bi-lock-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/lock-fill.svg); }
.bi-shield-fill-check { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/shield-fill-check.svg); }
.bi-speedometer { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/speedometer.svg); }
.bi-speedometer2 { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/speedometer2.svg); }
.bi-cart4 { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/cart4.svg); }
.bi-question-circle-fill { background-image: url(https://www.winzip.com/static/common/icons/bootstrap-5/question-circle-fill.svg); }
@media (min-width: 576px) {
#modal-master.video.modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}
@media (min-width: 768px) {
.nav>li>a { padding-left: 25px; padding-right: 25px; }
#product-nav .navbar-collapse { justify-content: center; }
#product-nav.sticky .navbar-nav.main { margin-right: auto!important; }
}
@media (min-width: 992px) and (max-width: 1200px) {
#howto ul { padding-right: 15px; }
}
@media (min-width: 992px) {
#product-nav {padding-top: 0; padding-bottom: 0;}
#product-nav .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; }
body.es.enterprise #product-nav .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; }
body.es #product-nav .navbar-nav .nav-link { padding-right: 1.15rem; padding-left: 1.15rem; }
body.ru #product-nav .navbar-nav .nav-link { padding-right: 1.15rem; padding-left: 1.15rem; text-align: center; }
.nav-ft-image {display: block}
.nav-ft-image a { display: flex; align-items: flex-end; height: 100%; }
}
@media (max-width: 991.98px) {
#language span.map { display: none; }
.table-responsive-md { background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 20, .30), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 20, .30), rgba(255, 255, 255, 0)); /* Shadows */ /* Shadow covers */
background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 1.5rem 100%, 1.5rem 100%, .75rem 100%, 10px 100%; background-attachment: local, local, scroll, scroll; }
.dropdown-menu.show .dropdown-submenu .dropdown-submenu { display: none; }
.dropdown-menu.show .dropdown-submenu.show .dropdown-submenu { display: block; }
.navbar-nav.main { margin-top: 1rem; margin-bottom: 0 !important; }
#product-nav .navbar-brand { display: block; }
#product-nav { width: 100%; }
#product-nav.sticky .navbar-brand { padding: 0; }
}
/* HSW Accordion */
.hsw-wrapper { padding: 7px; display: block }
[data-promo-text="hswDetails"] { padding: 7px; display: block; }
.hsw-btn { padding: 5px 13px; margin: 0 1px; }
.hsw-link { text-decoration: underline }
/* HSW timer */
.hsw-msg .bn-timer { text-align: center; float: right; font-weight: 400; font-size: 20px !important; line-height: 1.6; min-width: 290px; display: flex; align-items: center; }
#simple_timer { display: inline-block; vertical-align: top; float: none !important; margin: 0 auto !important; padding-left: 5px;}
.syotimer-cell { float: left; width: 40px; text-align: center; margin: 0 3px; }
.syotimer-cell__value { position: relative; font-variant-numeric: tabular-nums; background-color: #fff; color: #000; padding: 0 0 2px 0; text-align: center; width: 38px; border-radius: 3px; font-size: 22px; font-weight: 600; line-height: 1.2; }
.syotimer-cell__value::before { content: ''; position: absolute; left: 50%; top: 0; height: 100% }
.syotimer-cell__unit { font-size: 9px; color: #fff }
[data-promo-text="hsw"] { display: flex !important; align-items: center; justify-content: space-between;}
.hsw-title { font-size: 20px; font-weight: 400; margin: 8px 0; display: inline-block; }
@media (min-width: 768px) {
.hsw-title {display: flex; align-items: center;}
}
.hsw-title.center { margin: 8px auto;}
.hsw-title .stack { font-size: 13px; line-height: 0.95; display: inline-block; }
.hsw-title .hsw-btn { font-size: 14px; font-weight: 500; display: inline-block; padding: 8px 16px; margin: 0 0 0 15px; line-height: 1; border-radius: 100px; text-transform: none; }
.hsw-title .hsw-btn.white { color: #fff !important; border: 2px solid #fff !important; background: none !important;}
.hsw-title .hsw-btn.black { color: #000 !important; border: 2px solid #000 !important; background: none !important;}
.hsw-title .hsw-btn.white:hover { color: #000 !important; background: #fff !important;}
.hsw-title .hsw-btn.black:hover { color: #fff !important; background: #000 !important;}
.bn.hsw-title { font-weight: 400 !important; line-height: 27px; }
.bn.hsw-title .hsw-btn { font-weight: 500 !important; }
.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 10 }
.popover { border-radius: 0 }
.print-only { display: none; }
/**BN**/
.bn.hsw-title { font-size: 42px; line-height: 27px; font-weight: 600; margin-top: 12px; margin-bottom: 14px; float: left }
.bn.hsw-title.center { float: none; display: inline-block }
.bn.hsw-title .stack { font-size: 18px; line-height: 0.95; display: inline-block; padding: 0 5px;}
.bn.hsw-title .hsw-btn { font-size: 16px; font-weight: 400; display: inline-block; vertical-align: top; padding:0px 13px 3px; margin: 2px 0 0 15px; }
@media (max-width: 1199px) {
.hsw-msg .bn-timer { margin-top: 5px }
.bn-timer { font-size: 18px; }
.syotimer-cell { width: 38px; }
.hsw-msg .syotimer-cell__value { padding: 0; width: 32px; font-size: 18px; }
.hsw-title { font-size: 18px; margin-top: 8px; margin-bottom: 10px; }
.hsw-title .stack { font-size: 13px; }
.hsw-title .hsw-btn { font-size: 12px; }
.bn.hsw-title { font-size: 30px; margin-top: 8px; margin-bottom: 10px; }
.bn.hsw-title .stack { font-size: 13px; }
.bn.hsw-title .hsw-btn { font-size: 12px; }
}
@media (max-width: 991px) {
.hsw-msg .bn-timer { display: none; }
.bn.hsw-title { float: none; display: inline-block;}
.nav-side.profile {padding:.5rem 1rem; display: block; border: 1px solid #ccc; width: 100%; text-align: center; margin: .5em 0;}
.nav-side.profile i {filter: brightness(0.2); width: 1.75em; height: 1.75em; vertical-align: middle;}
.nav-side.profile:hover i {filter: brightness(0) saturate(100%) invert(25%) sepia(24%) saturate(5095%) hue-rotate(187deg) brightness(94%) contrast(101%);}
.nav-side.btn {padding: .5em; width: 100%;}
.mega-content .border-start { border-left: none!important; border-top: 1px solid rgba(0,0,0,.1);}
#sitenav li.nav-item {border-top: 1px solid rgba(0,0,0,.05);}
}
@media (max-width: 767px) {
.hsw-title { font-size: 18px; }
.hsw-title .stack { font-size: 10px; }
.hsw-title .hsw-btn { margin: 2px 0 0 5px; }
.bn.hsw-title { font-size: 22px; }
.bn.hsw-title .stack { font-size: 10px; }
footer .ft-links li { list-style-type: none;}
footer { font-size: 1em; }
#ftr-products, #ftr-downloads, #ftr-features, #ftr-features, #ftr-resources, #ftr-about {padding: 20px; border-bottom: 1px solid rgba(0,0,0,.1)}
.ftr-tab.end {margin-bottom: 25px !important;}
footer .ft-links li a {
display: block;
padding: 0;
text-decoration: none;
transition: background .2s;
font-size: 12px;
}
}
.no-download.pp {display: block;}
.no-download.pages { display: none;}
body.pages .no-download.pages { display: block;}
body.pages .no-download.pp { display: none;}
span.new, span.enhanced, .label.label-new {font-size: 16px; font-weight: 500; color: #000 !important; background-color: #F8E6B8; display: inline-block; padding: 8px 12px; width: fit-content; border-radius: 10px; vertical-align: middle; margin-bottom: 8px !important; line-height: 1;}
p.label.label-new {margin: 0; line-height: 1}
/*
//Formio styles//
div.formio-form .formio-component .field-required.form-check-label span,
.formio-component-htmlelement p { font-size: 12px; }
div.formio-form .formio-component .field-required.form-check-label span {display: inline-block;}
div.formio-form .form-check .field-required:after { position: absolute; margin-left: 3px; }
div.formio-form div.form-group {position:relative; padding:5px 0 0 0; margin:0 0 10px 0;}
*/
div.marketo-form {
padding:20px;
background:#fff;
}
div.marketo-form > div.mfp-body {
padding:15px 20px 25px;
}
div.formio-form {background:#fff;}
/* form-group */
div.formio-form > div.form-group {
padding-bottom: 16px;
margin:0 0 0 0;
position:relative;
}
div.formio-form > div.form-group.formio-hidden {
height:0px;
margin:0 0 0 0;
display:none;
}
/* labels */
div.formio-form > div.form-group.formio-component label {
position:absolute;
top:-6px;
left:10px;
margin:0;
padding:0px 5px 0 5px;
font-size:10px;
line-height:10px;
background:#fff;
z-index:15;
}
div.formio-form > div.form-group.formio-component.formio-modified label {
z-index:25;
}
div.formio-form > div.form-group.formio-component label.form-check-label {color:#757575;}
div.formio-form > div.form-group.formio-component.has-error label {
color:#a94442;
}
div.formio-form > div.form-group.formio-component.has-error label.form-check-label {
color:#757575;
}
/* fields */
div.formio-form > div.form-group.formio-component .form-control {
position:relative;
z-index:20;
display: block;
line-height: 1.2;
height: 38px;
padding: 8px 12px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 3px 3px 10px #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0px -8px 0 rgba(255,255,255,1);
}
div.formio-form > div.form-group.formio-component select.form-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
-webkit-appearance: none;
-moz-appearance: none;
}
div.formio-form > div.form-group.formio-component .form-control:focus {
z-index:10;
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0px -8px 0 rgba(255,255,255,1)
}
div.formio-form > div.form-group.formio-component .form-control::placeholder,
div.formio-form > div.form-group.formio-component-select select.form-control option[placeholder=true],
div.formio-form > div.form-group.formio-component-select select.form-control {
color:#999999;
}
div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control option,
div.formio-form > div.form-group.formio-component-select select.form-control option,
div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control option[placeholder=true],
div.formio-form > div.form-group.formio-component-select.formio-modified select.form-control {
color:#212529 !important;
}
/* messages and errors */
div.formio-form > div.form-group.formio-component .form-control.is-invalid {
border-color:#a94442;
}
div.formio-form > div.form-group.formio-component.has-error .invalid-feedback,
div.formio-form > div.form-group.formio-component.has-message .invalid-feedback {
margin:0 !important;
padding:0 5px;
position:absolute;
z-index:20;
bottom:10px;
left:10px;
background:#fff;
width: auto;
}
div.formio-form > div.form-group.formio-component div.formio-errors.invalid-feedback div.form-text.error {
font-size:10px;
line-height:10px;
color:#a94442;
}
/* special rules */
/* submit button */
div.formio-form > div.form-group.formio-component-submit {
text-align:right;
padding-bottom: 0;
}
/* checkboxes */
div.formio-form > div.form-group.formio-component-checkbox label {
position:relative;
top:auto;
left:auto;
margin:0;
padding:0 5px 0 30px;
font-size:12px;
line-height:16px;
background:none;
}
div.formio-form > div.form-group.formio-component-checkbox.has-error .invalid-feedback,
div.formio-form > div.form-group.formio-component-checkbox.has-message .invalid-feedback {
margin:0 !important;
padding:0 5px;
position:absolute;
z-index:20;
bottom:-13px;
top:auto;
left:25px;
background:#fff;
}
div.formio-form > div.form-group.formio-component-checkbox div.form-check {
padding:0;
margin:10px 0;
}
/* textarea */
div.formio-form > div.form-group.formio-component-textarea .form-control {
height:auto;
min-height: 38px;
}
/* radio */
div.formio-form > div.form-group.formio-component-radio > label {
position:relative;
top:auto;
left:auto;
font-size:14px;
line-height:17px;
z-index:1;
padding:0 0 0 0;
background:none;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio {
margin:0 0 15px 0;
padding:0 0 0 25px;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check {
margin:0 0 3px 0;
padding:0 0 0 0;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check label {
position:relative;
top:auto;
left:auto;
font-size:14px;
line-height:17px;
z-index:1;
padding:0 0 0 0;
background:none;
}
div.formio-form > div.form-group.formio-component-radio div.form-radio div.radio.form-check label input.form-check-input {
margin:2px 0 0 -20px;
}
div.formio-form > div.form-group.formio-component-selectboxes label {
position:relative;
top:auto;
left:auto;
margin:0;
padding:0 5px 0 0;
font-size:14px;
line-height:20px;
background:none;
}
.simple-footer footer .footer-nav {padding-top: 40px;}
.simple-footer footer .ft-links { display: block !important;}
.simple-footer footer .logo-wrapper {display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 0 !important;}
.simple-footer footer .ftr-logo, .simple-footer footer .ft-social-list, .simple-footer footer p.copyright {margin: 0;}
.simple-footer footer p.copyright span.wrap {display: inline;}
.simple-footer footer .footer-links, .simple-footer footer .lang, .simple-footer footer .ft-ads-list {display: none;}