#prod-hero .banner { position: absolute; }
#prod-hero .product-info { padding: 10px 20px 10px 60px; align-content: center; }
#prod-hero a.btn-secondary:hover {color: #fff; text-decoration: none !important;}
.hero-bg .embellishment { background-image: url(/static/cdgs/images/home/hero-shape.png); width: 125px; height: 125px; background-repeat: no-repeat; background-size: cover;}
.hero-bg .embellishment.top { position: absolute; top: 90px; left: 30px; }
.hero-bg .embellishment.bottom { transform: rotate(180deg); position: absolute; bottom: 120px; right: 30px; }
.hero-bg .artist-name { left: 20px; bottom: 15px; position: absolute; color: rgba(255,255,255,.7); z-index: 1; width: fit-content; }
#prod-hero .container { position: relative; }
#prod-hero .artist-name { position: absolute; left: 20px; color: rgba(255, 255, 255, 0.5); z-index: 1; }
#prod-hero .title { line-height: 1.5; }
#prod-hero #pricebrick { padding-top: 15px; }

#prod-hero .details p { font-size: 16px; }
#prod-hero .content p { font-size: 16px; color: #ccc; margin: 20px 0; }
#prod-hero .content a { color: #000; margin-right: 10px }
#prod-hero .content a:hover { text-decoration: underline }
#prod-hero .content a.download { border: solid 2px #fff; padding: 11px 55px 14px 20px; text-transform: uppercase; display: inline-block; position: relative; line-height: 1 }
#prod-hero .content a.download:hover { opacity: 0.8; text-decoration: none }
#prod-hero .content a.download::after { content: ""; background: url(/static/cdgs/product_content/cdgs/2020/icon-download.png); position: absolute; top: 7px; right: 14px; height: 25px; width: 25px; background-size: 25px; }
#prod-hero a { color: #000; }
a.btn-download::after { display: inline-block; position: absolute; content: ""; background: url("../../../../2023-new/images/icons/download-01.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 10px; right: 24px; width: 18px; height: 18px;  }
.big-trial #prod-hero .content a.download { border: solid 2px #fff; background-color: #fff; color: #110624 !important; }
.big-trial #prod-hero .content p { margin: 20px 0 20px }
.big-trial #prod-hero .content p.trial { padding: 0 }
.big-trial #prod-hero .content a.download::after { background: url(/static/cdgs/product_content/cdgs/2020/icon-download-alt.png); }
#prod-hero .content a.stars { text-decoration: none; font-size: 14px; }
.big-trial #prod-hero .content a.stars {padding: 0;}
#prod-hero .title .os { display: block; font-size: 20px }
#prod-hero .title .description { font-size: 20px; display: block; margin: 0; }
.pl-page #prod-hero .title .description { height: 50px }
#prod-hero .po { font-size: 16px; font-weight: 500; margin-top: 0; line-height: 1.2;}
#prod-hero .promo { display: block; color: #ccc }
#prod-hero .price { font-size: 12px; padding: 0; margin: 0; padding-bottom: 15px; display: inline }
#prod-hero .priceDisplayNormal { line-height: 1 }
#prod-hero .priceDisplayStrikethrough { color: #d2d2d2; text-decoration: line-through; line-height: 1; font-size: 12px }
#prod-hero .purchase-box .priceDisplayNormal { font-size: 26px; padding-right: 5px; height: 35px }
#prod-hero .purchase-box .priceDisplayStrikethrough { font-size: 18px; margin-left: 5px }
#prod-hero .stars img { width: 80px; margin: 0 5px 3px 8px; }
#prod-hero .stars a { text-decoration: none }
.big-trial p.trial a.stars, .big-trial p.trial a.stars::after { background: none; }
#prod-hero .nav-tabs, #prod-hero .nav-tabs>li { display: flex; float: none; min-height: 87px }
#prod-hero .nav-tabs>li.active>a, #prod-hero .nav-tabs>li.active>a:focus, #prod-hero .nav>li>a:hover, #prod-hero .nav-tabs>li.active>a:hover { background-color: #F5F2FD; border: 2px solid #4911D8; padding: 32px 8px 14px; width: 100%; }
#prod-hero .nav>li>a:hover { background-color:#F5F2FD; border: 1px solid #A6A6A6; padding: 33px 8px 13px; }
#prod-hero .nav>li { width: 48%; margin: 0 2% 10px 0; position: relative; }
#prod-hero .nav>li>a { padding: 33px 8px 12px; border-radius: 3px; text-align: center; border: 1px solid #CBCBCB; border-radius: 10px; width: 100%; overflow: hidden; }
#prod-hero .nav>li.sub.active a, #prod-hero .nav>li.sub a.active:hover { padding: 32px 8px 13px; border-radius: 10px; overflow: hidden; }
#prod-hero .nav h4 { font-size: 16px; color: #000; position: relative; margin: 0 }
#prod-hero .nav p { font-size: 16px; color: #000; line-height: 1.2; margin: 2px 0 0 }
#prod-hero .pur-info { min-height: 18px; margin: 0 0 25px; }
#prod-hero .pur-info p { margin: 0; line-height: 1.3; }
#prod-hero .pur-info .savingsBadge { font-weight: 400 }
#prod-hero .tab-content { padding-top: 10px; clear: both; }
#prod-hero .nav>li .flag-value { font-weight: 600; position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; font-size: 12px; text-transform: uppercase; background-color: #4911D8; color: #fff; padding: 4px 0 3px; }
#prod-hero .nav>li.perp .flag-value, #prod-hero .nav>li.perp.active .flag-value { top: 10px; background-color: transparent; color: #757575; }
#prod-hero .nav>li.active .flag-value { top: 0; padding: 3px 0; }
#prod-hero .hero-links { margin-top: 17px; padding-left: 20px;}
#prod-hero .hero-links p { margin: 0 0 10px; position: relative;}
#prod-hero .hero-links a { line-height: 1.2 }
#prod-hero .lto-promo { padding: 1px 8px 1px 8px; position: inherit; margin-bottom: 6px }
#prod-hero .lto-promo p { font-size: 14px; }
#prod-hero .link-ug { float: right; margin-right: 10px; }
#prod-hero .lto-promo-container .save { font-size: 14px; color: #000 }
#prod-hero .lto-box { background: #FDF2F8; }
#prod-hero .lto-box h4 { border-bottom: 2px solid #CC1275; padding-bottom: 8px; margin-bottom: 8px;}
#prod-hero .lto-box .link { color: #0067CB !important; text-decoration: none;  }
#prod-hero .lto-box a:hover .link { color: #0052A3 !important; }
.inclVAT { font-size: 12px; vertical-align: top }
.hero-links p { padding: 0; margin: 0 0 5px; font-size: 12px; }
.additional-info a { font-size: 12px; color: #fff; }
.additional-info a:hover { text-decoration: underline; }
.link-ug.link-icon {position: relative; padding-left: 25px;}
.link-ug.link-icon::before {left: 0;}
.prod-info .desc { font-size: 16px; margin-bottom: 40px; width: 85%; }
/* #prod-hero { overflow: hidden; background: linear-gradient(90deg, rgba(20,17,44,1) 0%, rgba(20,17,44,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); } */
#prod-hero { 
	overflow: hidden; 
	background: linear-gradient(135deg, #0f0a2a 0%, #0f0a2a 20%, #5e1241 55%, #5e1241 100%);
}
#prod-hero #tabs-content { padding: 35px 5px 20px; }
#prod-hero .prod-info h1.title { margin: 0; font-size: 100% }
#prod-hero .prod-info .alt-version { margin-bottom: 30px; }
#sub-month.hide { display: none !important }
#sub-year.hide input { display: none !important }
.prod-intro, #prod-hero .new, .prod-rating a { color: #fff; }
.prod-info .os { font-weight: 400; }
.best-value { display: none }
#product-nav { text-transform: inherit; }
#product-nav.sticky { z-index: 11; }
#product-nav .navbar-header { float: none; }
#product-nav #subnav { font-size: 0; }
#product-nav .navbar-nav { display: inline-block; float: none; font-size: 14px; }
#product-nav .navbar-nav>li { padding: 0; }
#product-nav .navbar-nav>li>a { color: #333; }
#product-nav .navbar-nav>li>a.version { font-weight: 600; color: #000; }
#product-nav .navbar-nav>li>a.btn-primary { color: #fff; }
.d-none { display: none; }
.artist-quote { position: absolute; z-index: 10; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 15px; border-radius: 5px; font-size: 16px; font-style: italic; max-width: 450px !important; filter: drop-shadow(1px 1px 4px #000); }
.artist-quote .name { font-size: 14px; font-style: normal; }
.artist-quote.bottom { right: 12%; bottom: 110px; display: table; }
.artist-quote .quote-content { display: table-cell; vertical-align: middle; }
.artist-quote.angelo-borges { background: #010938; }
.artist-quote.angelo-borges .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-dante-pietkiewicz.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.artist-quote.joseph-diaz { background: #1b265e; }
.artist-quote.joseph-diaz .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-joseph-diaz.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.artist-quote.firman-hatibu { background: #189552; }
.artist-quote.firman-hatibu .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-firman-hatibu.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.artist-quote.octo { background: #137e76; }
.artist-quote.octo .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-octo.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.artist-quote.resa-embutin { background: #3f0e68; }
.artist-quote.resa-embutin .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-resa-embutin.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.artist-quote.shaina-reyes { background: #300d11; }
.artist-quote.shaina-reyes .quote-content { background: url("../../../../2023-new/images/graphic-suite/headshot-shaina-reyes.png") no-repeat; background-size: 70px 70px; height: 70px; padding-left: 90px; }
.req-list { margin-bottom: 30px; }
#overview .video-bg, .coreldraw-is-everywhere .container { position: relative; }
.coreldraw-is-everywhere .artist-name { right: 100px; bottom: 20px; position: absolute; color: #333; z-index: 10; }
.professional-design-tools .artist-name.bottom { position: absolute; left: 30px; bottom: 30px; z-index: 10; width: auto; height: auto; }
#overview .intro p { max-width: 1000px; margin-left: auto; margin-right: auto }


.latest-greatest, .subscriber-updates-pillars { background-color: #f8f8f8; }

#award-bar {padding: 60px 0 80px; text-align: center; /*background-color: #F8F8F8*/}
#award-bar img.logo { max-width: 122px; height: auto; margin: 10px auto;}
#award-bar .award-row { padding-top: 30px; display: flex; flex-wrap: wrap; }
#award-bar a:not(.btn) { color: #000; }
#award-bar a:hover { text-decoration: none; }
#award-bar .promo-section {padding-top:50px;}

.draw-in-perspective .sec-block p { margin-left: auto; margin-right: auto }
.draw-in-perspective { color: #fff; padding-bottom: 80px; background-color: #115069; background-repeat: no-repeat; background-position: center bottom }
.draw-in-perspective a { color: #eee; text-decoration: none; }
.draw-in-perspective a:hover { color: #fff; text-decoration: underline; }
.draw-in-perspective .container-fluid { width: 100%; max-width: 1400px }
a.video { display: block; margin: 0; padding: 0; }
a.video span { width: 150px; height: 150px; position: absolute; background: url("../../../../2023-new/images/icons/play-icon.svg") no-repeat; left: 50%; top: 60%; transform: translate(-50%, -50%); opacity: .8; z-index: 10; transition: all .2s ease-in-out; }
a.video span:hover { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
.mac a.video span { top: 47%; }
.intro { position: relative; }
#prod-license .intro, #prod-education .intro { background: -moz-linear-gradient(-15deg, #005076 0%, #009ecc 100%); background: -webkit-linear-gradient(0deg, #005076 0%, #009ecc 100%); background: linear-gradient(180deg, #005076 0%, #009ecc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005076', endColorstr='#009ecc', GradientType=1 );
}
.cdgs-2024 .intro-bg-img, #prod-license .intro-bg-img, #prod-education .intro-bg-img { background-size: contain; background-position: center bottom -200px; background-repeat: no-repeat; }
.cdgs-2024 .intro .sec-block, #prod-license .intro .sec-block, #prod-education .intro .sec-block { padding-bottom: 20px; }
.link-white{color: #fff; text-decoration: underline}
.link-white:hover{color: #fff; text-decoration: none}

#faq{background: #f6f6f6}
.faq-section h3 {font-size: 18px; color: #000; font-weight: 500; display: inline-block; margin-bottom: 20px;}
.faq-section ul { margin:0 0 20px; padding-left: 70px;}
.faq-section ul>li { margin:0 0 20px 0; }
.faq-section a.collapse-link {text-decoration: none;}
.faq-section span.glyphicon { display: inline-block; color: #0067CB;}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg);}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg); }
.faq-item {border-top: 1px solid #D1D3D5;}
.faq-section .col-sm-12:last-child .faq-item{border-bottom: 1px solid #D1D3D5;}
.collapse-link .body{display: flex; justify-content: space-between; align-items: center}

/* Scrolling logos */
@-webkit-keyframes scroll {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 -webkit-transform: translateX(calc(-250px * 8));
 transform: translateX(calc(-250px * 8));
}
}
 @keyframes scroll {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 -webkit-transform: translateX(calc(-250px * 8));
 transform: translateX(calc(-250px * 8));
}
}
.slyder { height: 100px; margin: auto; overflow: hidden; position: relative; width: 100%; max-width: 1600px }
.slyder::before, .slyder::after { background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); content: ""; height: 100px; position: absolute; width: 200px; z-index: 2; }
.slyder::after { right: 0; top: 0; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.slyder::before { left: 0; top: 0; }
.slyder .slide-track { -webkit-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite; display: flex; width: calc(250px * 14);
}
.slyder .s { height: 100px; width: 250px; }
.intro .artist-name { color: #fff; left: 1%; position: absolute; bottom: 20px; }
.flow-icons { position: relative; padding: 75px 0; color: #333; text-align: center; background: #fff; }
.flow-icons h3 { font-size: 30px }
.flow-icons p { font-size: 18px }
.whats-inc .tab-content a { text-decoration: underline }
.whats-inc .tab-content a:hover { text-decoration: none; }
.whats-inc .modules h4 { margin-bottom: 5px; line-height: 1.3; font-weight: 500; margin-top: 0 !important; }
.whats-inc .modules h4 span.desc { font-size: 16px !important; line-height: 24px; }
#accordion-mobile p strong { font-weight: 500; }
.whats-inc .modules p { font-size: 16px !important; margin-top: 0 !important; }
.whats-inc .modules p .note { font-size: 12px; font-style: italic; }
.whats-inc .modules .module { margin-bottom: 40px; }
.whats-inc .modules .module.user-quote { background: #010938; border-radius: 5px; color: #fff; background-color: rgba(27, 38, 94, 0.7); padding: 15px 30px 15px 15px; border-radius: 5px; font-size: 16px; font-style: italic; filter: drop-shadow(1px 1px 4px #000); max-width: 500px; margin-left: 15px; }
.whats-inc .modules .module.user-quote row { position: relative; }
.whats-inc .modules .module.user-quote .details { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.whats-inc .modules .module.user-quote span.name { font-style: normal; font-size: 14px; }
.whats-inc .modules .module.user-quote p { margin-bottom: 0; }
.designers p { font-size: 16px; }
.en .designers .well.trusted-by-millions, .en .designers .well.comp-adv { padding: 40px 25px 65px }
.designers .well { border-radius: 5px; padding: 30px 25px 50px }
.designers .well.comp-adv { margin-bottom: 0; }
body.cn .designers .well.comp-adv { margin-bottom: 0; padding-bottom: 7em; }
body.tw .designers .well.comp-adv { margin-bottom: 0; padding-bottom: 6em; }
body.cn .well.trusted-by-millions { padding-bottom: 6em; }
body.tw .well.trusted-by-millions { padding-bottom: 6em; }
.featured-artist { background-color: #F4F4F4; padding: 1em 2em; }
.des-love-us { background-color: #F4F4F4; padding: 1em 2em; }
.competitive-adv { padding: 1em 2em 3em; border: 1px solid #707070; margin-top: 30px; }
.des-love-us img { width: 100%; }
.subscriber-updates { padding-top: 0 !important; }
.subscriber-updates-pillars p { font-size: 16px !important; }
.subscriber-updates-pillars b { font-weight: 500 }
.subscriber-updates-pillars a { color: #333; text-decoration: underline }
.subscriber-updates-pillars a:hover { color: #333; text-decoration: none }
.whats-new-vid { background-color: #7E7E7E; }
.flow-icons img { max-width: 130px; display: block; margin: 0 auto 20px; }
.lightbox2 .container { font-size: 14px }
.lightbox2 h4 { margin-bottom: 15px; font-size: 26px; }
.lightbox2 p { font-size: 16px; line-height: 1.5; }
.lightbox2 ul { margin: 30px 0 30px 40px; list-style: disc }
.lightbox2 li { font-size: 14px; margin-bottom: 5px; line-height: 1.3 }
.feature-gallery .tab-content.image { margin: 30px 0 50px; }
.nav>li>a>img.nav-icon { max-width: 65px; width: auto }
.feature-gallery .nav>li>a { font-weight: 600 }
.feature-gallery .nav>li>a { padding: 0; margin: 0 20px 10px; }
.tw .feature-gallery .nav>li>a { margin: 0 15px 10px; }
#whats-inc { padding-bottom: 60px; background: #151515; color: #fff; }
#whats-inc a { color: #fff; text-decoration: underline }
#whats-inc ul { padding-left: 20px }
#whats-inc ul li { font-size: 16px }
.whats-inc { background-color: #f6f6f6 }
.whats-inc .small { font-size: 85%; margin-top: 60px; }
.wrap-inc { padding: 40px 0; font-size: 16px; text-align: left }
.wrap-inc h4 { font-size: 24px }
.whats-inc .tab-pane.active img { border: 1.5em solid #000; border-radius: 20px; box-shadow: 0 5px 15px #a5a3a3; background: #000; }
#tech-specs { background: #1f1f1f; color: #fff; }
#tech-specs h3 { text-align: center; margin: 0 0 20px 0; }
.feature-gallery .nav-pills>li { min-width: 137px; }
.mac .feature-gallery .nav-pills>li { min-width: 180px; }
.feature-gallery .nav-pills>li a:hover { color: #000; }
.accordion .title p, .accordion .title a { font-size: 16px }
.accordion .title a { color: #333; text-decoration: underline }
.accordion .title a:hover { color: #333; text-decoration: none }
.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 17px; font-weight: 500; }
.accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; font-size: 17px }
.accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.accordion .panel-title a { color: #333; }
.accordion .panel-title { position: relative; padding-right: 25px; line-height: 1.5; }
.accordion .panel-title a::before { content: ""; border-radius: 50%; position: absolute; right: 5px; top: 13px; transition: .3s transform ease-in-out; font-weight: initial; transform: rotate(45deg); width: 22px; height: 22px; background: url("../../../../2023-new/images/icons/plus.png") #fff; background-size: 14px; background-position: 2px -7px; background-repeat: no-repeat; border: 2px solid #707070 }
.accordion .panel-title a.collapsed::before { transform: rotate(0deg); border: 2px solid #707070 }
.accordion .panel-body { font-size: 16px; border-top: 1px dotted rgba(0,0,0,.3); line-height: 1.5; padding: 5px 0 25px; letter-spacing: -0.2px }
.accordion .panel-title a { display: block; padding: 10px 0; }
.accordion .panel-heading { padding: 0; background: transparent }
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.testimonials { color: #191919; padding: 30px; background: #fed536; background: -moz-linear-gradient(left, #fed536 0%, #f77d31 100%); background: -webkit-linear-gradient(left, #fed536 0%, #f77d31 100%); background: linear-gradient(to right, #fed536 0%, #f77d31 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed536', endColorstr='#f77d31', GradientType=1 );
}
.testimonials a { font-size: 16px; color: #333; text-decoration: underline }
.testimonials a:hover { color: #333; text-decoration: none }
.testimonials img { margin-bottom: 10px }
.testimonial::before { content: '“'; font-family: MS Serif, New York, serif; margin-right: 20px; font-size: 70px; vertical-align: sub; height: 40px; display: inline-block }
.testimonial::after { content: '”'; font-family: MS Serif, New York, serif, sans-serif; margin-left: 20px; font-size: 70px; vertical-align: sub; height: 40px; display: inline-block }
.responsive img.capterra { width: 50px; }
.flex-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.flex-icons.text-center img { max-width: 100px; width: auto }
.flex-icons h4 { max-width: 150px; margin: 20px auto 50px; line-height: 1.5 }
.playlink:after { font-family: "Glyphicons Halflings"; content: "\e029"; display: inline-block; margin-left: 5px; vertical-align: middle; font-size: 120%; }
.paralax-sec h2 { font-size: 62px; }
.paralax-sec { padding: 300px 15px 300px; margin-top: 80px; text-align: center; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url("/static/cdgs/product_content/cdgs/2021/paralax.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff }
.accordion-wrap { position: relative; overflow: hidden; padding: 100px 0 60px; }
.industries .container .artist-name { bottom: 100px; right: 20% }
.accordion.font-sm .title h2, .font-sm.title h2 { font-size: 39px; font-weight: 400 }
video.lazy-hidden { opacity: 1; width: 100% }
span.new-sm { color: #2CBB2D; font-weight: 700; line-height: 1; font-style: italic }
span.new + h2 { margin-top: 0 }
.margin-bottom-0 { margin-bottom: 0 }
.padding-bottom-0 { padding-bottom: 0 }
.video-thumb { position: relative; max-width: 215px; margin: 20px 0 0 }
.video-thumb span { width: 60px; height: 60px; position: absolute; background: url("/static/cdgs/product_content/cdgs/2020/play-icon.svg") no-repeat; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .8; z-index: 10; transition: all .2s ease-in-out; }
.video-thumb span:hover { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
.video-thumb img { border: 2px solid #333; }
.next-generation { color: #333 }
.next-generation ul, .design-for-print ul { list-style: circle; padding-left: 20px }
.next-generation ul li, .design-for-print ul li { margin: 20px 0; font-size: 16px }
.next-generation .btn.btn-secondary { margin: 10px 0 30px; }
.next-generation { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 800px; position: relative; }
.label-question { display: inline-block; background: #0A9CDF; color: white; width: 20px; height: 20px; border-radius: 50%; text-align: center; font-style: normal; line-height: 19px; font-size: 14px; }
.design-for-print, .store, .learning { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 800px; padding: 100px 0 100px; position: relative }
.whats-new-update { background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 650px; padding: 0; position: relative }
.whats-new-update h4 { font-size: 17px; font-weight: 500; margin-top: 40px; }
.whats-new-update .feature-desc, .whats-new-update .video-link { font-size: 16px; }
.flexible-design { background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 800px; padding: 100px 0 100px; position: relative }
.flexible-design h4 { font-size: 17px; font-weight: 500; margin-top: 40px; }
.flexible-design .feature-desc, .flexible-design .video-link { font-size: 16px; }
.design-for-print .artist-name, .learning .artist-name, .flexible-design .artist-name { left: 20% }
.store-learn { padding: 100px 0; }
.store-learn p { font-size: 18px; }
.store-learn .artist-name { right: 20px; top: 62%; position: absolute; color: #333; z-index: 10; }
.progressive-image { position: relative; padding: 60px 0 0; min-height: 800px; margin-bottom: 50px; }
.progressive-image video { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: -1; width: 1700px }
#contrastSlide1 { margin-top: 50px; margin-left: 10px; max-width: 280px; }
#contrastSlide1 { margin-left: 0; }
.wrap-caption { position: relative; z-index: 3; }
.bitmap-to-vector { position: relative; transition: all 0.6s ease-in-out; }
.bitmap-to-vector .container { position: relative; }
.bitmap-to-vector .sec-block.text-center { position: absolute; left: 15px; top: 0; z-index: 3; text-align: left; max-width: 330px; }
.cz .bitmap-to-vector .sec-block.text-center { max-width: 270px; }
.de .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.es .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.fr .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.it .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.jp .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.nl .bitmap-to-vector .sec-block.text-center { max-width: 270px; }
.pl .bitmap-to-vector .sec-block.text-center { max-width: 250px; }
.br .bitmap-to-vector .sec-block.text-center { max-width: 310px; }
.tw .bitmap-to-vector .sec-block.text-center { max-width: 360px; }
#beforeAfter { position: relative; max-height: 800px; overflow: hidden; }
#beforeAfter ul, #beforeAfter li { margin: 0; }
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter .controls { position: absolute; bottom: 0; z-index: 100; width: 10%; right: -120px; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { color: #13ad97; cursor: pointer; }
#beforeAfter .controls .prev { float: left; background: url(/static/ptr/product_content/painter/2020/arrows.png) no-repeat 0 0; width: 29px; height: 29px; }
#beforeAfter .controls .next { float: right; background: url(/static/ptr/product_content/painter/2020/arrows.png) no-repeat -29px 0; width: 29px; height: 29px; }
#beforeAfter .controls .prev:hover, #beforeAfter .controls .next:hover { opacity: 0.3; }
#beforeAfter .instruction { cursor: pointer; }
#beforeAfter .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 0; color: #fff; font-size: 14px; font-weight: normal; padding: 0.3em 1em 0.5em; position: absolute; z-index: 9 }
#beforeAfter .label.after { right: 0 }
.slider { position: relative; }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; border-right: 4px solid #fff; margin-right: -4px; overflow: hidden; }
.slider .instruction { position: absolute; top: 55%; padding: 0 15px 7px; color: #fff; background: #fff; border: 4px solid #fff; border-radius: 4px; left: 49.9% !important; transform: translate(-50%, -50%); z-index: 3 }
.slider .instruction p { display: inline; font-size: 2.5em; text-transform: uppercase; color: #333; line-height: 1.2; }
.whats-new-vid { margin-top: 80px }
.whats-new-vid, .screen { min-height: 700px; position: relative; }
.whats-new-vid video, .screen video { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: auto; z-index: 1 }
.whats-new-vid .callout { position: absolute; z-index: 2; font-size: 60px; margin-top: 225px }
.whats-new-vid h2 { font-size: 45px; text-transform: uppercase; font-weight: 600; color: #fff; font-style: italic }
.whats-new-vid .wordmark { max-width: 550px }
.whats-new-vid-trial { min-height: 439px; position: relative; margin-top: 50px}
.whats-new-vid-trial video { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: auto; z-index: 1 }
.whats-new-vid-trial .callout { position: absolute; z-index: 2; font-size: 60px; margin-top: 90px; margin-left: 40px; }
.whats-new-vid-trial h2 { font-size: 40px; text-transform: uppercase; font-weight: 600; color: #fff; font-style: italic }
.whats-new-vid-trial .wordmark { max-width: 500px }
.sec-block-trial { padding: 40px 0 40px; }
img.w-75 {max-width: 75%;}
img.w-80{max-width: 80%;}
img.w-90{max-width: 90%;}
.mt-40 {margin-top: 40px;}
.mt-60 {margin-top: 60px;}
input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track {
cursor: pointer;
background: #b1bee2;
opacity: 0.75;
border-radius: 20px;
height: 32px;
transition: all 0.8s ease-in-out;
width: 100%;
padding-right: 8px;
}
input[type=range]::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
border-radius: 16px;
height: 24px;
width: 24px;
border: 3px solid #fff;
background: #8296c9;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #b1bee2;
}
 input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #b1bee2;
padding-right: 4px;
padding-left: 4px;
border-radius: 20px;
}
input[type=range]::-moz-range-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 3px;
border-radius: 50%;
height: 21px;
width: 21px;
border: 3px solid #fff;
background: #b1bee2;
}
 input[type=range]::-ms-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 64px 0;
color: transparent;
padding-top: 10px;
}
input[type=range]::-ms-thumb {
height: 24px;
width: 24px;
border-radius: 16px;
border: 3px solid #fff;
background: #b1bee2;
margin-top: -2px;
}
input[type=range]::-ms-fill-lower {
background: #b1bee2;
border-radius: 20px;
}
input[type=range]::-ms-fill-upper {
background: #b1bee2;
border-radius: 20px;
}
input[type=range]:focus::-ms-fill-lower {
background: #b1bee2;
}
input[type=range]:focus::-ms-fill-upper {
background: #b1bee2;
}
.coreldraw-is-everywhere { background: #030119; color: #fff; }
.coreldraw-is-everywhere .container { width: 100%; max-width: 1400px; }
.tools { background: #2E2E2E; padding-bottom: 65px }
.tools h4 { font-size: 30px }
.tools p { font-size: 18px }
.tools-background { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 700px; }
.tools { color: #fff }
.flex-equal-height { display: flex; }
.well { border-radius: 5px; border: none; background-color: #ECECEC; padding: 30px 35px 30px; }
.well.color-fills { border: none; background-color: #ECECEC; padding: 10px 35px 50px; }
.well.design-for {
    border: none;
    background-color: transparent !important;
    padding: 10px 35px 0;
}
.extensive-file-compatibility .non-destructive-editing {
    background: rgb(7, 73, 108);
    color: #fff;
    padding: 25px 35px 25px;
}
.well.compatibility { border: none; background-color: transparent !important; padding: 10px 35px 50px; }
.feature-blocks { background-color: #282828; }
.extensive-file-compatibility { background-color: #0b5a88; color: #fff; }
.extensive-file-compatibility .row, .feature-blocks .row, .designers .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.extensive-file-compatibility .compatibility { flex-direction: column; background-color: #6C6C6C; color: #fff; display: table; }
.feature-blocks { background-color: #1f1e2e; color: #fff }
.feature-blocks .color-fills { flex-direction: column; background-color: #1f1e2e; color: #fff; display: table; }
.designers .featured-artist { flex-direction: column; background-color: #ECECEC; color: #333; padding: 0px; position: relative; height: 100%; display: flex; margin-bottom: 0; }
.extensive-file-compatibility p, .feature-blocks p { font-size: 18px; }
.feature-blocks .non-destructive-editing { background: rgb(7, 73, 108); color: #fff; padding: 25px 35px 25px; }
.feature-blocks .user-quote { background: rgb(37, 107, 137); color: #fff; padding: 30px 30px 20px; }
.feature-blocks .user-quote h3 { margin-top: 0; }
.feature-blocks .design-print-web {
    background: rgb(97, 96, 113);
    color: #fff;
}
.design-print-web .artist-name {
    color: #e3e0b5;
}
.feature-blocks .bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}
.user-quote h3 { font-style: italic; line-height: 1.3em; }
.extensive-file-compatibility .user-quote { background: #256b89; color: #fff; }
.extensive-file-compatibility .user-quote .name, .feature-blocks .user-quote .name { font-size: 18px; text-transform: uppercase; margin-bottom: 0; margin-top: 40px; }
.extensive-file-compatibility .user-quote .title, .feature-blocks .user-quote .title { font-size: 14px; margin-top: 0; }
.extensive-file-compatibility .design-print-web { background: #07496c; color: #fff; }
.bottom-align { display: table-cell; vertical-align: bottom; }
.designers .featured-artist h4 { margin-bottom: 8px; }
.designers .featured-artist h2 { margin-top: 0; }
.badges { align-items: center; }
.img-holder { position: relative; }
.extensive-file-compatibility .bottom { position: absolute; bottom: 0; right: 0; }
.compatibility .artist-name { color: #619abb; }
#customers-carousel { height: 100%; }
#customers-carousel .carousel-image { background-size: cover; height: 60%; }
#customers-carousel .carousel-caption { position: relative; right: 0; left: 0; bottom: 0; z-index: 10; padding: 20px 25px 40px; color: #fff; text-align: left; text-shadow: none; height: 300px; }
#customers-carousel a.video span { top: 33%; }
#customers-carousel .item, #customers-carousel .item img { border-radius: 5px 5px 0 0; }
#customers-carousel .item { height: 100%; border-radius: 5px; background-color: #333}
#customers-carousel .item.sewingmachina { background-color: #c05b70; }
#customers-carousel .item.sewingmachina .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-sewingmachina.png); }
#customers-carousel .item.wunschleder { background-color: #222; }
#customers-carousel .item.wunschleder .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/wunschleder.png); }
#customers-carousel .item.yellotools { background-color: #2e2b61; }
#customers-carousel .item.yellotools .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-yellotools.png); }
#customers-carousel .item.resa { background-color: #398079; }
#customers-carousel .item.resa .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-resa.png);  }
#customers-carousel .item.robin { background-color: #5b9aad; }
#customers-carousel .item.robin .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-robin.png);  }
#customers-carousel .item.stefan { background-color: #be8101; }
#customers-carousel .item.stefan .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-stefan.png);  }
#customers-carousel .item.bitsy { background-color: #000322; }
#customers-carousel .item.bitsy .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-bitsy.jpg);  }
#customers-carousel .item.tms { background-color: #af0000; }
#customers-carousel .item.tms .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-tms.jpg);  }
#customers-carousel .item.kunststickerei { background-color: #265e91; }
#customers-carousel .item.kunststickerei .carousel-image { background-image: url(../../../../2023-new/images/graphic-suite/featured-artist-kunststickerei.jpg); }
#customers-carousel .item .video { height: 495px; }
.carousel-inner { display: flex; height: 100%; border-radius: 5px; }
.prev-next { z-index: 10; font-size: 18px; color: #fff; text-align: left; text-shadow: none; position: absolute; bottom: 15px; width: 100%; padding: 0 20px; }
.prev-next a { color: #fff; text-decoration: none; }
.carousel-control-next { float: right; }
.professional-design-tools .container-fluid { max-width: inherit }
.slider-bottom-holder { width: 100%; display: flex; flex-direction: column; }
.item-holder .title { margin-bottom: 0 }
.item-holder .feature-title h2 { font-size: 36px }
.item-holder { margin: 20vh 0; }
.image-holder div { height: 100vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.item-holder:first-child .content { padding-top: 40vh; }
.item-holder:first-child { margin-top: 0; }
.item-holder:last-child .content { padding-bottom: 400px; }
.item-holder .content { width: 35%; max-width: 445px; padding-left: 60px; padding-right: 15px; margin-left: 65%; align-items: flex-start; position: relative; z-index: 2; font-size: 18px }
.item-holder .content a, .art-section a { color: #333; text-decoration: underline }
.item-holder .content h3 { font-size: 30px }
.item-holder .content p { font-size: 16px }
.slider-bottom-holder { position: relative; }
.slider-bottom-holder .image-holder { display: flex; justify-content: center; align-items: center; align-content: center; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.slider-bottom-holder .active .image-holder { z-index: 1; opacity: 1; }
.slider-bottom-holder.visible .image-holder { position: fixed; }
.slider-bottom-holder .image-holder.absolute { bottom: 0; position: absolute; top: auto; }
.slider-bottom-holder .sec-block { position: relative; z-index: 2 }
.padding-top-150 { padding-top: 150px }
.padding-top-90 { padding-top: 100px }
.padding-top-50 { padding-top: 55px }
.padding-top-20 { padding-top: 30px }
.padding-top-10 { padding-top: 10px }
.learning.container img { width: inherit; max-width: 100%; display: block; margin: 0 auto; }
.download-trial { padding-top: 40px }
.download-trial .btn { margin: 20px 0 15px }
.mfp-content p { font-size: 14px; }
.container-fluid.gallery-container { max-width: 100% }
.gallery-container>div { padding: 0 }
.gallery-container span { position: absolute; left: 0; bottom: 0; background: rgb(255 255 255 / 70%); padding: 3px 10px; color: #000; font-size: 12px; }
#accordion-mobile .nav-icon { width: 35px; height: 35px }
#accordion-mobile .panel-title a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center }
#accordion-mobile .panel-title a:hover { color: #333; text-decoration: underline }
#accordion-mobile .panel-title a p { font-size: 20px; margin: 0 0 0 15px; }
#accordion-mobile .panel-default>.panel-heading { background-color: transparent; border-color: transparent; }
#accordion-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; padding-top: 0; }
#accordion-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body p { font-size: 16px; margin-top: 0; text-align: left }
#accordion-mobile .panel-default { border-color: transparent; box-shadow: none; }
#compare .panel-default { border-bottom: 1px solid #fff; }
#compare { padding-bottom: 60px; }
#compare .panel-default:first-child { border-bottom: 0; }
#compare .panel-default .panel-heading { color: #fff; background-color: #ccc; border-color: #ccc; border-radius: 0; border-top: 1px solid #fff; }
#compare .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
#compare .panel-group .panel+.panel { margin-top: 0; }
#compare .panel-body, #compare .panel-body .table>thead>tr>td { padding: 0; }
#compare .panel-title a { display: block; font-size: 14px; color: #0f0f0f; text-decoration: none; font-weight: bold; }
#compare .panel-title a:hover { color: #0f0f0f; text-decoration: none }
#compare .panel-heading a:before { font-family: 'Glyphicons Halflings'; content: "\e252"; float: left; color: #000000; margin-right: 15px; font-size: 12px; line-height: 17px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
#compare .panel-heading a[aria-expanded="true"]:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
#compare h3 { font-size: 16px; margin: 0; font-weight: 500; text-align: center }
#compare .trFeature { text-align: center; }
#compare .trFeature td:first-child { text-align: left; font-size: 14px }
#compare .comparison-chart thead { background-color: transparent; }
#compare .comparison-chart { margin-bottom: 0; }
#compare .comparison-chart .exclusive { color: #27a730; font-weight: bold; }
#compare .comparison-chart .table-title { font-size: 20px; font-weight: normal; }
#compare .feature-check p, .comparison-chart .feature-check-gray { color: #555; }
#compare .feature-check p { margin-top: 8px; }
#compare .comparison-chart .new { color: #000; font-weight: bold; }
#compare .comparison-chart td { font-size: 13px; vertical-align: middle; padding: 12px; }
#compare .comparison-chart td.last-td { border-bottom: 1px solid #ddd; }
#compare .panel-heading td { padding: 15px; border-top: 0; border-left: 0 }
#compare .panel-default { border: 0; }
#compare .en-in { margin-bottom: 7px; margin-top: -7px; }
.table.buy-options>tbody>tr>td, .table.buy-options>tbody>tr>th, .table.buy-options>tfoot>tr>td, .table.buy-options>tfoot>tr>th, .table.buy-options>thead>tr>td, .table.buy-options>thead>tr>th { border: 0px; }
.table.buy-options { border: 0px !important; text-align: center; }
.table.buy-options tbody { border-left: 0px !important; }
#compare tbody>thead>tr:last-child { border: none !important; }
#compare .table>thead>tr>th.subscription { background: #00618A; background: -moz-linear-gradient(-90deg, #00618A 0%, #0B334F 100%); background: -webkit-linear-gradient( -90deg, #00618A 0%, #0B334F 100%); background: linear-gradient( -90deg, #00618A 0%, #0B334F 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00618A", endColorstr="#0B334F", GradientType=1);
border-radius: 6px 6px 0 0; padding: 0 0 4px; }
#compare .table>thead>tr>th { border-bottom: 0px; }
#compare .table>thead>tr>th { border-right: 0px; }
#compare .table>tbody+tbody { border-top: 0; }
#compare .table>tbody>tr>td { border-top: 1px solid #ececec; }
#compare .table>tbody>tr>td { border-bottom: 0px; }
#compare .comparison-chart tr.trFeature:hover td { background-color: #e2e2e2; }
#compare .comparison-chart tr td:nth-child(2) { background-color: #e2e2e24f }
#compare .comparison-chart td.pad-8 { padding: 8px 12px }
#compare .priceDisplayNormal { font-size: 20px; line-height: 31px; margin-bottom: 7px; display: inline-block; }
#compare ul { list-style-type: none; text-align: left; padding-left: 0; margin-left: 1.5em; }
#compare ul li { line-height: 1.25em; margin-top: 5px; }
#compare ul li:before { content: '+'; color: #10c004; font-weight: bold; font-size: 18px; margin-left: -1em; padding-right: 5px; }
.table-responsive { border: 0; overflow-x: inherit; }
.comparison-chart .feature-check { background: transparent }
.comparison-chart .feature-check:before { content: ''; background: url(../../../../2023-new/images/icons/compare-check.png) 0 0 no-repeat; background-size: 25px 25px; width: 25px; height: 25px; display: block; margin: 0 auto; }
.comparison-chart .feature-check-black:after { content: ''; background: url(../../../../2023-new/images/icons/compare-check.png) 0 0 no-repeat; background-size: 25px 25px; width: 25px; height: 25px; display: block; margin: 0 auto; }
.compare-link-btn { color: #333; text-decoration: underline }
.comparison-chart p.feature-check, .comparison-chart p.feature-check-black { width: 17px; height: 20px; margin: 5px auto 0; }
.compare-link-btn:hover { color: #333; text-decoration: none }
.link-span { display: inline-block; padding-right: 31px; }
.compare-link-btn:last-child { margin-left: 30px }
.pdf-links { font-size: 16px; margin-top: 15px; font-weight: 500; }
#compare .table>thead>tr>th.subscription { background: #00618A; background: -moz-linear-gradient(-90deg, #00618A 0%, #0B334F 100%); background: -webkit-linear-gradient(-90deg, #00618A 0%, #0B334F 100%); background: linear-gradient(-90deg, #00618A 0%, #0B334F 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00618A", endColorstr="#0B334F", GradientType=1);
border-radius: 6px 6px 0 0; padding: 0 0 4px; }
#compare .table>thead>tr>th.one-time-purchase { border-radius: 6px 6px 0 0; padding: 7px 0 0; }
#compare .table>thead>tr>th.subscription h3 { color: #fff; }
#compare .trFeature td:first-child { padding-left: 20px; border-left: 0 }
#compare .table>thead>tr>th:first-child .thead-wrapper { border-top-left-radius: 4px; border-left: none; padding-left: 20px; }
#compare .table>thead>tr>th:last-child .thead-wrapper { border-top-right-radius: 4px; border-right: none; }
#compare .table>thead>tr>th { background-color: transparent; color: #fff; padding: 0; border-left: 0px; }
#compare .table thead tr th:first-child h3 { text-align: left }
#compare .table>thead>tr>th.title .thead-wrapper { background: transparent; color: #333; }
#compare .table>thead>tr>th.subscription .thead-wrapper { background: transparent; padding: 0 8px 15px; }
#compare .table .thead-wrapper { padding: 16px 8px 19px; color: #333; }
#compare .comparison-chart .new { color: #000; font-weight: bold; font-size: 15px; font-style: normal }
#compare p.note { font-size: 12px; font-style: italic; }
#compare td#dynPrice_tableSub { background-color: #ffffff !important; }
#compare tr.show-win td, #compare tr.show-mac td { background-color: #ffffff !important; }
#compare .glyphicon-th-list { margin-right: .25em; vertical-align: middle; margin-bottom: 0.25em; }
#compare .table>tbody>tr:last-child>td {border-bottom: 1px solid #ececec;}
tbody.collapse.in, tbody.collapsing { height: initial !important; }
.anchor { display: block; height: 60px; margin-top: -60px; visibility: hidden; }
.promo.text-center { font-size: 18px; padding: 15px 20px; background: #32c998; color: #333; font-weight: 600; }
.promo.text-center a { margin-left: 10px; }
.subscription-exclusive {font-size: 12px;font-weight: 500;display: inline-block;color: #000000;background: #d1c3f5;padding: 2px 12px 2px;border-radius: 13px; }
.product-icon { max-width: 95px; margin-bottom: 10px }
.download-trial.gray { background: #f1f1f1 }
.no-margin-bottom { margin-bottom: 0 }
.logos p { margin-bottom: 0 }
.logos img { margin: 0 auto 40px; max-width: 90% }
.logos .splide__slide img { width: auto !important; }
.logos .splide__slide li { width: 280px !important; }
.logos .splide__arrows, .logos .splide__pagination { display: none; }
.logos marquee .inner { position: relative; left: -97%; }
.logos { margin-bottom: 80px }
.logos .row.three { display: none; }
.pad-b-0 { padding-bottom: 0; }
.mar-b-5{margin-bottom: 5px}
/* #prod-hero.subscription-exclusive-hero23 .hero-bg { background-image: url(/static/cdgs/product_content/cdgs/2022/cdgs-sba-product-page-hero.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 500px; background-color: #14112c; } */
/* #prod-hero.subscription-exclusive-hero23 .hero-bg { background-image: url(/static/cdgs/product_content/cdgs/2024/cdgs-product-page-hero-bg-wide.png); background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 500px; background-color: #14112c; } */

.subscriber-updates-pillars {overflow: hidden;}

.locs .cards-slider .card-body h3 { font-size: 17px; }
.locs.mh  .cards-slider .card-body h3 { min-height: 80px; }
.locs.pl  .cards-slider .card-body h3 { font-size: 16px; min-height: 80px;}
.locs.br .cards-slider .card-body h3 { font-size: 16px; }
.cn .top-rated .rating span { text-align: center;     font-size: 25px;}
.tw .top-rated .rating span { text-align: center;     font-size: 25px;}
.cn .top-rated .rating .glyphicon { margin-left: -5px; margin-top: 35px; }

.cdgs-2024 .coreldraw-is-everywhere { padding-bottom: 80px; } 
.cdgs-2024 .flexible-design { padding: 0;  }
.cdgs-2024.tw .flexible-design, .cdgs-2024.cn .flexible-design { min-height: 700px; }

@media (max-width: 1599px) {
    .flexible-design {
        background-position: left 40% center;
        background-size: 150%;
    }
}

@media (min-width: 768px) {
#prod-hero #pricebrick { padding-top: 15px; border-top: 1px solid rgba(255,255,255,.2); }
#prod-hero .tab-content { display: flex; }
#prod-hero .tab-content>.tab-pane { width: 100%; margin-right: -100%; display: block; visibility: hidden; }
#prod-hero .tab-content>.active { display: block; visibility: visible; }
#prod-hero .content p { height: 45px }
.prod-info .download { background: transparent; color: #fff; text-transform: uppercase; border: 2px solid #fff; text-align: left; padding: 9px 90px 10px 20px; position: relative; }
.prod-info .download div { border: 0; padding-right: 15px; font-weight: 500; line-height: 1.2; font-size: 15px }
.prod-info .download::after { content: ""; background: url(/static/cdgs/product_content/cdgs/2020/icon-download.png); position: absolute; top: 10px; right: 14px; height: 35px; width: 38px; }
.prod-info .download.no-version::after { top: 0; }
.section-intro h2 { font-size: 40px }
#accordion-mobile { display: none }
#product-nav .navbar-collapse { text-align: center; padding-left: 0; padding-right: 0; }
#product-nav.sticky .navbar-collapse { text-align: left; }
#product-nav.sticky .navbar-brand { display: none; }
.flow-icons p { padding: 0 30px; }
.designed-for-windows, .designed-for-mac { min-height: 800px }
.lg.progressive-image video { width: 1900px; }
.logos .sec-block { padding-top: 60px }
.logos .mobile { display: none; }
.v-center { display: flex; align-items: center; }
.subscriber-updates-pillars .container img.subscriber-updates-img{ 
    position: absolute;
    width: 700px;
	left: -20px;
	top: -20px;
}
.product-page.cdgs-2024.cn .subscriber-updates-pillars .container img.subscriber-updates-img,
.product-page.cdgs-2024.tw .subscriber-updates-pillars .container img.subscriber-updates-img { 
    width: 600px;
}
}
@media (min-width: 992px) {
	.subscriber-updates-pillars .container img.subscriber-updates-img{ 
		left: 20px;
		top: -70px;	
	}
}
@media (max-width: 1800px) {
	.cdgs-2024.locs.long .bitmap-to-vector .sec-block.text-center {     padding-top: 40px; }
	.cdgs-2024.locs.long  .section-intro h2 { font-size: 29px; }
}
@media (max-width: 1700px) {
.progressive-image video { left: -200px; z-index: 1; }
.progressive-image { background: #e3dbe0; margin-bottom: 0; min-height: auto; padding-bottom: 50px; }
.progressive-image .content { z-index: 2 }
}

@media (max-width: 1199px) {
.feature-gallery .nav>li>a { padding: 0; margin: 0 10px 10px; }
.feature-gallery .nav-pills>li { min-width: 80px; font-size: 12px }
.mac .feature-gallery .nav-pills>li { min-width: 150px; }
.mac.tw .feature-gallery .nav-pills>li { min-width: 140px; }
.progressive-image video { left: -330px; z-index: 1; }
.item-holder:first-child .content { padding-top: 15vh; }
.item-holder .feature-title h2 { font-size: 30px }
.item-holder .content .feature-title p, .item-holder .content p { font-size: 16px; }
.item-holder .content h3 { font-size: 24px; }
.image-holder .slider-bg { width: 200%; margin-left: -5%; }
.cdgs-2024.locs .bitmap-to-vector .sec-block.text-center {     padding-top: 0px !important; }
.cdgs-2024.locs  .section-intro h2 { font-size: 30px; }
}

@media (max-width: 1047px) {
.whats-inc .modules .module.user-quote { margin-left: auto; padding: 25px 20px 25px 15px; }
}
@media (max-width: 1400px) {
.en .designers .well.trusted-by-millions, .en .designers .well.comp-adv { padding: 55px 25px 55px; }
.cdgs-2024.locs .bitmap-to-vector .sec-block.text-center {     padding-top: 20px; }
.cdgs-2024.locs.long .bitmap-to-vector .sec-block.text-center {     padding-top: 20px; max-width: 310px; }
.cdgs-2024.locs.long .bitmap-to-vector .sec-block.text-center p { font-size: 16px; }
}

@media (max-width: 991px) {
/* #prod-hero { background: rgba(20,17,44,1); } */
#prod-hero .product-info{ background: #fff;}
#prod-hero.subscription-exclusive-hero23 .hero-bg { background-size: cover; }
#prod-hero.subscription-exclusive-hero23 .hero-bg .embellishment { display: none; }
.accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 80% 0; min-height: 400px }
.dynamic-asset-management .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 20% 0; }
.accordion .tab-pane img.gif-image { max-width: 320px; width: auto; margin-top: 50px; }
.accordion .panel-title a { font-weight: 500; }
.feature-gallery .nav>li>a { padding: 0; margin: 0 6px 10px; }
.feature-gallery .nav-pills>li { margin-bottom: 15px; }
.paralax-sec h2 { font-size: 42px; }
.paralax-sec { padding: 120px 15px 130px; }
.item-holder .content { width: 40%; margin-left: 60%; }
.padding-top-150, .padding-top-90, .padding-top-50, .padding-top-20, .padding-top-10 { padding-top: 0 }
.bitmap-to-vector .sec-block.text-center { position: relative; }
.progressive-image { background: transparent; }
.progressive-image video { left: -330px; z-index: 1; width: 1500px !important; height: 445px; overflow: hidden; }
.progressive-image .content { padding-top: 430px; }
.dynamic-asset-management .new, .time-saving-typography .new { margin-top: 20px; display: block }
.whats-inc .module { margin-bottom: 30px; }
.artist-quote { position: absolute; z-index: 10; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; font-size: 14px; font-style: italic; max-width: 440px !important; }
.artist-quote .name { font-size: 12px; font-style: normal; }
.artist-quote.bottom { left: 20px; bottom: 0; }
.artist-quote img.headshot { max-width: 60px; float: left; padding-right: 20px; }
.design-for-print, .store, .learning, .flexible-design { min-height: 600px; padding: 0 0 100px; background-position: center bottom; background-size: 220%; }
.whats-new-update { min-height: 700px; background-size: 180%; }
 #customers-carousel a.video span {width: 100px; height: 100px;top: 23%;}
#customers-carousel .carousel-caption { position: relative; right: 0; left: 0; bottom: 0; z-index: 10; padding: 20px 25px 40px; color: #fff; text-align: left; text-shadow: none; height: 250px; }
.cdgs-2024.locs.long .bitmap-to-vector .sec-block.text-center p { font-size: 18px; }
.cdgs-2024.locs .bitmap-to-vector .sec-block.text-center { max-width: 100% !important; padding-top: 60px !important;}
.cdgs-2024.locs #product-nav .navbar-nav>li>a { padding: 17px 8px 18px; font-size: 14px; }
}

.action-section h2 {
    margin-bottom: 2rem;
}
#action-section h3 { color: #fff; font-weight: 500; }
#action-section .container { max-width: 1530px; height: 560px; background-image: url(../../../../2023-new/images/home/action-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
#action-section .row { height: 100%; }
#action-section .bg-wrap { height: 560px; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; }

.mb-5 { margin-bottom: 3rem; }

#action-section .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
	flex-direction: column;
	position: relative;
}
.justify-content-center {
    justify-content: center;
}

#action-section .disclaimer {
	position: absolute;
	bottom: 40px;
	left: 0;
}

.text-left {
	text-align: left;
}

@media (max-width: 767px) {	
.hero-bg { display: none; }
#prod-hero .product-info {
    padding: 20px 20px 30px 20px;
    align-content: center;
}
#features .embellishments { display: none;  }
body.responsive .container { overflow: hidden }
#prod-hero { min-height: 595px; }
#prod-hero .lto-promo-container p { font-size: 12px; }
#product-nav #buy { margin-left: 15px }
#product-nav .navbar-nav { display: block; }
.intro-video { width: 125% !important; margin-left: -12.5%; }
.flow-icons { padding-bottom: 40px; text-align: left }
.flow-icons p { font-size: 14px; margin: 5px 0 15px; }
.flow-icons .col .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flow-icons .col .row .col-xs-3 { -ms-flex: 1 0 30%; flex: 1 0 30%; max-width: 30% }
.flow-icons .col .row .col-xs-9 { -ms-flex: 1 0 70%; flex: 1 0 70%; max-width: 70% }
.flow-icons h3 { margin: 5px 0 0; font-size: 20px; }
.flow-icons img { max-width: 80px; margin-bottom: 50px; }
.feature-gallery .nav-pills>li { margin-bottom: 15px; float: none; display: inline-block; }
span.new { font-size: 18px; }
.testimonials { padding: 0 }
.testimonials a { font-size: 16px; }
.testimonial::before { margin-right: 5px; font-size: 30px; vertical-align: sub; height: 30px; display: inline-block }
.testimonial::after { margin-left: 5px; font-size: 30px; vertical-align: sub; height: 30px; display: inline-block }
.accordion.font-sm .title h2, .font-sm.title h2 { font-size: 26px; font-weight: 400; }
.panel { background-color: transparent; }
.tools h4 { font-size: 22px; }
.tools p { font-size: 16px; margin-bottom: 45px; }
.accordion .tab-pane { min-height: 350px; }
#whats-inc ul li { font-size: 12px; }
.req-list { margin-bottom: 10px; }
.hero-links a, #prod-hero .new { color: #333; }
#prod-hero { background: #fff }
#included-features { display: none !important; }
.accordion-wrap { padding: 20px 0 60px; min-height: 500px }
.accordion-wrap .images { padding: 0 }
.industries .container .artist-name { bottom: 30px; right: 10%; }
.designed-for-windows .images, .designed-for-mac .images { height: 250px }
.tools-background { min-height: 0; background-size: 180%; padding-top: 260px }
.progressive-image .new, .dynamic-asset-management .new, .time-saving-typography .new { margin-top: 20px; display: block; }
.bitmap-to-vector .text-holder, .design-for-print .text-holder, .learning .text-holder, .store .text-holder, .flexible-design .text-holder { margin-bottom: 220px }
.bitmap-to-vector { padding: 0; }
.progressive-image { padding-bottom: 20px; }
.progressive-image video { margin-left: -100px }
.design-for-print, .learning, .flexible-design { background-position: -100px bottom }
.whats-new-update { padding-bottom: 0; background-position: 92% 15%; background-size: 200%; text-align: center; }
.whats-new-update p { margin-top: 65%; }
.wrap-improved-tools-bg { position: relative; height: 400px; z-index: 2; }
.bitmap-to-vector-bg { background-position: -400px center; }
a.video span { width: 90px; height: 90px; }
.pad-rl-15 { padding-left: 15px; padding-right: 15px; }
.flex-icons.text-center img { max-width: 60px; }
.flex-icons h4 { line-height: 1.2; font-size: 14px; }
.table-responsive { border: 0; }
#prod-hero.subscription-exclusive-hero23 { background-image: none !important; }
#prod-hero .title .new { display: block; font-size: 16px; line-height: 1.2; color: #ccc; margin: 0; }
#prod-hero .content p { font-size: 14px; margin: 0; }
#prod-hero .content a.stars { font-size: 12px }
#prod-hero a.trial { display: none }
#prod-hero .nav p { font-size: 12px; float: right }
#prod-hero .nav>li { width: 100%; }
#prod-hero .nav-tabs, #prod-hero .nav-tabs>li { display: flex; }
#prod-hero .nav>li>a { text-align: center; display: flex; justify-content: center; align-content: center; flex-direction: column; padding: 10px 5px; min-height: 52px; }
#prod-hero .download { display: none !important }
#prod-hero .po, #prod-hero .link-ug, #prod-hero .pur-info { display: none !important; font-size: 13px; margin-right: 0 }
#prod-hero .nav h4 { font-size: 13px; }
#prod-hero .nav-tabs>li.active>a, #prod-hero .nav-tabs>li.active>a:focus, #prod-hero .nav>li>a:hover, #prod-hero .nav-tabs>li.active>a:hover { padding: 10px 20px }
#prod-hero .nav>li.active>a { padding: 9px 5px !important }
#prod-hero .nav>li { width: 32%; }
#prod-hero .nav>li a { padding: 10px; }
#prod-hero .nav>li.active a, #prod-hero .nav>li a.active:hover { border-top: 2px solid #4911D8; padding: 10px }
#prod-hero .nav>li.sub a { padding: 10px 5px; }
#prod-hero .nav>li .flag-value { font-size: 10px; top: 4px; right: 0; text-align: center; font-weight: 600; color: #fff }
.es #prod-hero .nav>li .flag-value, .jp #prod-hero .nav>li .flag-value { font-size: 9px; }
#prod-hero .nav>li.active .flag-value, #prod-hero .nav>li .flag-value, #prod-hero .nav>li.perp .flag-value, #prod-hero .nav>li.perp.active .flag-value { top: 0; }
#prod-hero .product-info { padding-top: 10px; }
#prod-hero .details { text-align: left; margin: 0 0 30px; }
#prod-hero .hero-links { margin-bottom: 20px; }
#prod-hero .hero-links p { margin-bottom: 8px; }
#prod-hero .tagline { display: block !important; }
#prod-hero .stars img { margin: 0 0 2px; width: 65px; }
#prod-hero .lto-promo-container p { line-height: 1.2 }
#prod-hero .lto-promo-container p.link { text-decoration: underline }
.whats-new-vid { min-height: 300px }
.whats-new-vid .callout { margin-top: 75px; }
.whats-new-vid h2 { font-size: 20px; margin: 0 }
.whats-new-vid .wordmark { max-width: 85% }
.promo.text-center { font-size: 14px; }
.download-trial .btn { display: none!important; }
.whats-inc .module { margin-bottom: 20px; }
.logos .splide { display: none; }
#compare h3 { font-size: 11px; }
#compare .comparison-chart { width: 550px; display: table-caption; }
#compare .comparison-chart .table-title { font-size: 12px; padding-left: 0 !important; }
#compare .table .thead-wrapper { text-align: left; font-size: 16px; padding-left: 10px; }
#compare .trFeature td:first-child { text-align: left; font-size: 11px; padding-left: 15px; }
#compare ul { list-style-type: none; text-align: left; padding-left: 0; margin-left: 1.5em; }
#compare ul li { line-height: 1.25em; margin-top: 5px; font-size: 11px; }
#compare ul li:before { content: '+'; color: #10c004; font-weight: bold; font-size: 16px; margin-left: -1em; padding-right: 3px; }
.item-holder .content { width: 100%; max-width: initial; padding-left: 15px; padding-right: 15px; margin-left: 0; }
.slider-bottom-holder .image-holder, .slider-bottom-holder.visible .image-holder { position: initial; }
.slider-bottom-holder .image-holder { opacity: 1 }
.item-holder { margin: 0 0 30px; }
.item-holder:first-child .content { padding-top: 20px }
.item-holder .content h3 { margin-top: 40px; }
.image-holder .slider-bg { height: 400px; margin-left: 0; background-position: 35% center; }
.item-holder:last-child .content { padding-bottom: 0; }
.artist-quote { position: absolute; z-index: 10; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; font-size: 14px; font-style: italic; filter: drop-shadow(1px 1px 4px #000); }
.artist-quote .name { font-size: 12px; font-style: normal; }
.artist-quote.bottom { display: table; bottom: 0px; left: auto; right: 5%; max-width: 375px !important; }
.artist-quote .quote-content { display: table-cell; vertical-align: middle; }
.artist-quote.angelo-borges { background: #010938; }
.artist-quote.angelo-borges .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-angelo-borges.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.artist-quote.joseph-diaz { background: #1b265e; }
.artist-quote.joseph-diaz .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-joseph-diaz.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.artist-quote.firman-hatibu { background: #189552; }
.artist-quote.firman-hatibu .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-firman-hatibu.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.artist-quote.octo { background: #137e76; }
.artist-quote.octo .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-octo.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.artist-quote.resa-embutin { background: #3f0e68; }
.artist-quote.resa-embutin .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-resa-embutin.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.artist-quote.shaina-reyes { background: #300d11; }
.artist-quote.shaina-reyes .quote-content { background: url("/static/cdgs/product_content/cdgs/2022/headshot-shaina-reyes.png") no-repeat; background-size: 55px 55px; height: 55px; padding-left: 70px; }
.extensive-file-compatibility .user-quote h3 { margin-top: 0; }
.prev-next { padding-bottom: 0px; }
.well.trusted-by-millions { margin-top: 20px !important; }
#customers-carousel .carousel-caption { min-height: 21em; }
.cn #customers-carousel .carousel-caption, .tw #customers-carousel .carousel-caption { min-height: 23em; }
.br #customers-carousel .carousel-caption, .es #customers-carousel .carousel-caption{ min-height: 28em; }
.de #customers-carousel .carousel-caption,.fr #customers-carousel .carousel-caption,.it #customers-carousel .carousel-caption,.nl #customers-carousel .carousel-caption,.pl #customers-carousel .carousel-caption { min-height: 30em; }
.req-list .subscription-exclusive{font-size: 10px;  padding: 1px 10px 2px;}
#prod-hero.subscription-exclusive-hero23{position: relative;}
#prod-hero.subscription-exclusive-hero23 .container{position: initial; }
.cdgs-2024.locs #product-nav .navbar-nav>li>a { padding: 7px 30px; }
.top-rated h2 {text-align: center; padding-bottom:30px;}
#action-section .bg-wrap {height: 600px;}
#action-section .disclaimer {bottom: -30px;}

.cdgs-2024  .flexible-design { padding-bottom: 35%; }
.cdgs-2024  .flexible-design {background-position: 16% bottom;min-height: 50%;  }
}

@media (min-width: 1200px){
	#action-section .container { background-size: contain; }
	#prod-hero::before {
        background-size: auto 600px !important;
		background-size: auto !important;
		right: 50% !important;
	}
}

@media (max-width: 1199px){
	#action-section .container { background-size: cover; }
	.en .designers .well.trusted-by-millions, .en .designers .well.comp-adv { padding: 40px 25px 40px }
	#customers-carousel .carousel-image { background-size: cover; height: 50%; }

}

@media (max-width: 500px) {
#prod-hero .container { background: none; }
.whats-new-update { background-position: 92% 20%; }
.whats-new-update p { margin-top: 70%; }
}

@media (max-width: 560px) {
.btn, .button a { white-space: inherit; }
.cdgs-2024  .flexible-design { padding-bottom: 20%; }

}

@media (min-width: 992px) {
.accordion .title h2 { font-size: 42px; }
.accordion.full-width .images { position: inherit; width: 100%; }
.accordion.full-width .tab-content { width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0; }
.accordion.full-width .content { left: 0; top: 0; }
.accordion.full-width.right .content { right: 0; top: 0; float: right }
.accordion.full-width .tab-pane { height: 100%; width: 100%; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat }
.dynamic-asset-management, .time-saving-typography { min-height: 700px }
}

@media (min-width: 1200px) {
.designed-for-windows .content, .designed-for-mac .content { padding-right: 50px }
/*.full-img img {position: absolute; max-width: 1000px; top: 0; left: 20px; }*/
}

@media (min-width: 992px) and (max-width: 1199px) {
#prod-hero .title .description { font-size: 17px }
}

@media (min-width: 992px) and (max-width: 1649px) {
.feature-gallery .tab-content.image { padding-bottom: 55% }
.whats-inc .tab-pane.active img { width: 85%; }
}

@media (min-width: 1650px) {
.feature-gallery .tab-content.image { padding-bottom: 64% }
}

@media (min-width: 1200px) and (max-width: 2199px) {
.feature-gallery .nav-pills>li { font-size: 13px }
}

@media (min-width: 1920px) {
.artist-quote.bottom { right: 24%; }
}

@media (min-width: 2200px) {
.accordion.full-width .tab-pane { background-size: contain; }
.accordion.full-width .bgSizeFreeTrials .tab-pane { background-size: cover; }
.bitmap-to-vector, .design-for-print, .store, .flexible-design { background-size: contain; }
.gallery-container .col-xl-2 { width: 16.66% }
}


@media (min-width: 768px) {
	
	section#prod-hero .container::before {
		content:"";
		position:absolute;
		display: block;
		width:50vw;
		height:100%;
		left:50%;
		top:0;
		background:#fff;
		display: block;
	}
	#prod-hero::before {
		display: block;
		height: 100%;
		top: 0;
		width: 100%;
		position: absolute;
		content:"";
		background-image: url(../../../../2023-new/images/graphic-suite/background.png);
		background-position: right center;
		right: 50%;
        background-size: auto 500px;
		background-repeat: no-repeat;
	}
	
	#prod-hero .details { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
	#product-nav .btn-nav {min-width: 130px !important;}
	#product-nav.sticky #buy.btn-nav { padding: 7px 20px 7px !important; margin-top: 8px !important; margin-bottom: 9px !important;}
	.mac #product-nav.sticky .sticky-mac { display: inline !important;}
	.windows #product-nav.sticky .sticky-win {display: inline !important;}
	#product-nav .btn-nav.btn-secondary {  margin-right: 10px; background-color: transparent; border: 2px solid #000; padding: 6px 19px 6px !important; margin-top: 8px !important; margin-bottom: 9px !important; min-width: 0;}
	#product-nav .btn-nav.btn-secondary:hover { background-color: rgba(255,255,255,.4)!important;}
}

#banner-callout { padding-top: 30px;}
a .banner-content {color: #000;}
a.banner-link:hover{ text-decoration: none;}
.banner-content {background: #F1EDFC; border-radius: 10px; padding: 10px; text-align: center;}
.banner-content p { display: flex; align-items: center; justify-content: center; margin: 0;}
.banner-content .btn { padding: 10px 16px; min-width: auto; margin: 0 12px; white-space: nowrap;}

#overview .sec-block {padding-top: 40px;}

.req-list li>ul>li { margin-bottom: 0px!important; }



h2{ font-weight: 500; }

.subscriber-updates-pillars .sec-block { padding-top: 80px !important; }

/* new */

.light-gray-bg{ background-color: #dedede; }
.medium-gray-bg { background-color: #F1EDFC; }
.ghost-gray-bg{ background-color: #f8f8f8; }
.ghost-purple-bg{ background-color: #f5f2fd; }
.light-purple-bg{ background-color: #e4dbf9; }
.medium-purple-bg{ background-color: #cec0f2; }


.card-block-link{
    color: #000;
    text-decoration: none;
    display: block;
}
.card-block-link:hover{
    color: #000;
    text-decoration: none;
}
.card {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;

    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}

.card:hover{
    scale: 1.05;
}
.card-bottom-circle:hover {
    background: url(../../../../2023-new/images/icons/arrow-narrow-right-white.svg) no-repeat center #0052A3;
}
.card-bottom-circle{
    content: "";
    width: 33px;
    height: 33px;
    color: #fff;
    background: url(../../../../2023-new/images/icons/arrow-narrow-right-white.svg) no-repeat center #0067cb;
    border-radius: 50%;    
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.card a.card-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.card-body h3{
    text-align: center;
    margin: 30px 12px;
    font-weight: 500;
}

.deep-link-cards hr { display: none; margin-top: 48px; margin-bottom: 5px; border-color: #DEDEDE; }
.cards-slider { margin-right: -12px; margin-left: -12px; }
.cards-slider a:focus {outline: 0;}
.cards-slider:not(.slick-initialized) .slide-item:not(:first-of-type) { display: none; }
.cards-slider:not(.slick-initialized) .slide-item:first-of-type { visibility: hidden; }
.cards-slider .slick-arrow {opacity: 0; position: absolute; z-index: 1; top: calc(50% - 12px); appearance: none; padding: 0; display: inline-block; font-size: 0; width: 40px; height: 40px; background: no-repeat top 9px left 14px / 10px; background-image: url(../../../../2023-new/images/icons/arrow-right-black.svg); background-color: #fff; border: 2px solid #000; border-radius: 50%; transition: opacity .2s ease-in-out;}
.cards-slider .slick-arrow:hover { box-shadow: 0 6px 6px rgba(0,0,0,.1); }
.cards-slider:hover .slick-arrow {opacity: 1;}
.cards-slider .slick-prev {left: 12px; transform: rotate(180deg);}
.cards-slider .slick-next { right: 12px; }
.cards-slider .slick-arrow.slick-disabled { display: none !important; }
.cards-slider .card-block-link { margin-right: 12px; margin-left: 12px; height: 100%; color: #000 !important; text-decoration: none !important;}
.cards-slider .card { border-radius: 12px; margin-top: 8px; margin-bottom: 0; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out;transition: all .3s ease-out; }
.cards-slider .card:hover { scale: initial; transform: translateY(-8px); box-shadow: 0 6px 6px rgba(0,0,0,.05); }
.cards-slider .card-bottom-circle { bottom: 16px; right: 16px; width: 24px; height: 24px; background: url(../../../../2023-new/images/icons/arrow-right-white.svg) no-repeat center/12px #0067cb;  }
.cards-slider .card-bottom-circle:hover { background: url(../../../../2023-new/images/icons/arrow-right-white.svg) no-repeat center/12px #0052A3; }
.cards-slider .card-body h3 { text-align: left; min-height: 54px; margin: 24px 24px 16px; font-weight: 700;}
.cards-slider .card-thumbnail { padding: 0 16px 56px;}
.cards-slider .card-thumbnail img { height: 116px; object-fit: cover; border-radius: 12px; }
.top-rated .rating { display: flex; align-items: center; }
.top-rated .rating span { font-size: 28px; font-weight: 500; }
.top-rated .rating .glyphicon { margin-left: 10px; }
/* .top-rated .container { border-bottom: 1px solid #E8E8E8; } */
#whatsnew .logos .top-rated img { max-width: 125px; max-height: 30px; width: auto; }
#whatsnew .logos { margin-bottom: 0px; }
.top-rated .item { display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 0 10px; }
.top-rated h2 {font-size: 32px;line-height: 1.2;font-weight: 500;margin: 0;}
@media (min-width: 768px) {
    .deep-link-cards { padding-top: 4px; }
    .deep-link-cards hr { display: block; margin-top: 64px; }
}

@media (min-width: 992px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		width: 14.285714285714285714285714285714%;
	}
	#prod-hero::before {
        background-size: auto 550px;
		right: 44%;
	}
	
}