.prod-info .title .new, .new-blue { color: #b936b2; }
.prod-info .os { font-weight: 400; }
#prod-hero { color: #333; background-color: #fff; }
#overview .intro, #overview .video-bg, .flow-icons.top { background-color: #fff; }
.intro .section-intro, .flow-icons.top { color: initial; }
.flow-icons a { color: #333 }
#overview .intro { background-image: url(/static/ptr/product_content/painteressentials/8/intro-top.jpg); background-repeat: no-repeat; background-position: top center; }
.accordion .panel-title a::before, .feature-gallery .nav-pills>li.active:before, .slider .instruction, #compare .table>thead>tr>th.new-version { background: rgb(185,54,178); background: -moz-linear-gradient(90deg, rgba(185,54,178,1) 23%, rgba(251,155,61,1) 100%); background: -webkit-linear-gradient(90deg, rgba(185,54,178,1) 23%, rgba(251,155,61,1) 100%); background: linear-gradient(90deg, rgba(185,54,178,1) 23%, rgba(251,155,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b936b2", endColorstr="#fb9b3d", GradientType=1);
}
.whats-inc .accordion, .accordion a.link-btn { color: #ccc }
.accordion .panel-title a, .accordion h2 { color: #fff; }
.accordion .tab-pane { position: relative }
.accordion .tab-pane .ui { position: absolute }
.comparison-chart p.feature-check{width: 22px;}
.comparison-chart .feature-check:after { background: url(../../coral/2022/ellipse.png) 4px 3px no-repeat;}
#image-1b .artist-name.bottom { right: 20% }
.art-section .container { width: 100%; max-width: 1600px }
.art-section p { font-size: 18px }
.art-section, .art-section a { color: #333; font-size: 18px }
.art-section .text-holder { max-width: 400px; margin-top: 250px }
.art-section .text-holder h2 { font-weight: normal }
.art-section .artist-name { position: absolute; right: 20%; bottom: 20px; }
.painting-tools { background-position: 50% 100%; background-repeat: no-repeat; }
.color-options, .painting-tools { min-height: 800px; background-repeat: no-repeat; position: relative }
.mar-b-200 { margin-bottom: 200px; }
.color-options { background-color: #000; color: #fff; background-position: 50% 100% }
.color-options .artist-name { left: 25%; }
.feature-gallery .nav>li>a { margin: 0 20px 10px; }
#whats-new .new { background-repeat: no-repeat; background-size: 100% 100%; padding: 40px 90px 40px 35px; }
.layers { background-repeat: no-repeat; background-size: cover }
.pad-l-0 { padding-left: 0 }
.btn-owl-prev, .btn-owl-next { background: url(../../2023-new/images/painteressentials/arrow-left.png) center no-repeat; background-size: 100%; width: 30px; height: 30px; display: block }
.btn-owl-next { transform: rotate(180deg); }
.layers:before { background: none }
#compare .btn-wrap { text-align: center; margin-bottom: 40px }
#compare .btn-collapse { background: #fff; color: #000; border-radius: 0; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; min-width: 235px; border: 2px solid #000 }
#compare .btn-collapse[aria-expanded='true'] { background: #000; color: #fff; border: 2px solid transparent }
#compare .btn-collapse[aria-expanded='false']:hover { background: #202020; color: #fff; border: 2px solid #202020 }
#compare .heading { display: inline-block; margin: 0 20px; }
#compare .panel-group { margin-bottom: 0 }
#compare .panel-group > .panel { -webkit-box-shadow: none; box-shadow: none; }
#image-1b .ui-1 { right: 15%; max-width: 40px; top: 100px; }
#image-1b .ui-2 { left: 42%; max-width: 240px; bottom: 0; }
#image-3b .ui-1 { max-width: 240px; right: 10%; bottom: 100px; }
#image-4b .ui-1 { right: 10%; max-width: 210px; top: 100px; }
#image-4b .ui-2 { right: 10%; max-width: 210px; top: 350px; }
#compare #collapse-comp .table thead th:first-child .thead-wrapper { padding: 23px 8px 25px; }
.promo-block { background-color: #f6f6f6; color: #000; padding: 10px 10px 10px 15px; border-top: 1px solid #e6e6e6; }
.promo-block h4 { text-transform: uppercase; margin: 0; padding: 0; color: #2c2c2c; font-weight: 500; line-height: 1.5; }
.promo-block p { font-size: 14px; color: #333; margin: 3px 0 0 0; line-height: 1.3; }
.promo-block p span { font-weight: 500; display: block; margin-top: 5px }
.lto-box { margin-top: 0 }
.pricebrick .button { margin-bottom: 30px }
#beforeAfter { position: relative }
#beforeAfter ul, #beforeAfter li { margin: 0; }
#beforeAfter ul, #beforeAfter li img {max-width: unset; height: unset}
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter .controls {  width: 170px;left: 50%;transform: translate(-50%, -30px);right: auto;z-index: 9; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { color: #13ad97; cursor: pointer; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { float: left; background: url(../../2023-new/images/painteressentials/arrow-left.png) no-repeat 0 0; background-size: 100%; width: 30px; height: 30px; }
#beforeAfter .controls .next { float: right; transform: rotate(180deg);}
#beforeAfter .controls .prev:hover, #beforeAfter .controls .next:hover { opacity: 0.7; }
#beforeAfter .instruction { top: 50%; }
.slider {max-height: 800px }
.apple-support.is-mac .row:first-child .sec-block{padding-top: 20px;}
@media (max-width: 1699px) {
    .pad-r-90 {padding-right: 15px;}
    .pad-section {max-width: initial;}
}
@media (max-width: 1199px) {
    .fr .pad-top-apple-core, .de .pad-top-apple-core, .jp .pad-top-apple-core {padding-top: 80px;}
    .mar-b-100, .mar-b-150 {margin-bottom: 50px;}
    .pad-section {padding-left: 15px}
}
@media (max-width: 991px) {
    .whats-inc .accordion { background: #0b0b0b }
    #image-1b .ui-1 { right: 5%; max-width: 30px; top: 50px; }
    #image-1b .ui-2 { left: 5%; max-width: 140px; bottom: 30px; }
    #image-3b .ui-1 { right: 5%; max-width: 170px; top: 80px; }
    #image-4b .ui-1 { right: 5%; max-width: 140px; top: 100px; }
    #image-4b .ui-2 { right: 5%; max-width: 140px; top: 250px; }
    .mar-b-100{margin-bottom: 80px;}
    .apple-support img.apple-bg {right: -25%;}
    .pad-t-80 {padding-top: 30px;}
    #whats-new .apple-support .caption p {font-size: 14px;}
    .caption.side {margin-bottom: 15px;}
    .pad-top-apple-core{padding-top: 50px;}
   .fr .mar-b-100, .fr .mar-b-150, .de .mar-b-100, .de .mar-b-150 {margin-bottom: 60px;}
    .pad-section {padding-right: 40px;}

}
@media (max-width: 767px) {
.painting-tools { background-position: 60% 100%; }
.painting-tools .section-intro, .color-options .section-intro { max-width: 300px; }
.painting-tools .gif-image, .color-options .gif-image { max-width: 200px; }
.color-options { background-position: 17% 100%; }
.art-section .text-holder { max-width: 400px; text-align: center; margin: 25px auto 0; }
#compare .table .thead-wrapper { height: 65px; display: flex; align-items: center; justify-content: center }
#compare .table th:first-child .thead-wrapper { justify-content: flex-start }
#compare .btn-collapse { margin-bottom: 20px }
.pricebrick .button { margin-bottom: 10px }
.box-shot { display: none; }
#prod-hero { background-image: url(../../2023-new/images/painteressentials/hero-pe8-mobile.jpg) !important; background-position: center top; background-repeat: no-repeat; background-size: auto 400px; color: #fff; font-size: 16px; padding-top: 225px; }
.layers { background-size: 300%; }
.flow-icons.top { background-image: none !important }
.mar-b-100, .mar-b-150 {margin-bottom: 20px;}
.fr .pad-top-apple-core, .de .pad-top-apple-core, .jp .pad-top-apple-core {padding-top: 0;}
.apple-support .row:last-child .pad-r-90 {padding-top: 30px;}
}

@media (min-width: 768px) {
#prod-hero { background-image: url(/static/ptr/product_content/painteressentials/8/hero-pe-8.jpg); }
.prod-info .download { color: #333; border: 2px solid #333; }
.prod-info .download::after { background: url(../../2023-new/images/painteressentials/download-icon.png) no-repeat; }
.flow-icons.top { background-repeat: no-repeat; background-size: 1100px auto; background-position: top center; }
.flow-icons.top:before { background: none }
.whats-inc { background: #0b0b0b; }
.color-options .sec-block, .layers .sec-block { padding-top: 250px }
.painting-tools .is-pc { margin-bottom: -80px }
.painting-tools .artist-name { left: 60%; right: auto }
.layers .artist-name { left: 50%; right: auto }
.painting-tools .gif-image { display: block; position: absolute; right: -350px; max-width: 250px; top: 0; }
.color-options .gif-image { display: block; position: absolute; left: -575px; max-width: 250px; top: -160px; }
}

@media (min-width: 992px) {
.owl-nav { top: 65%; }
.painting-tools .gif-image {top: -100px; }
.painting-tools.mac-gif .gif-image {top: 0px; }
.color-options .gif-image { left: -750px; }
}
@media (min-width: 1200px) {
.owl-nav { top: 75%; width: 700px; }
.artificial-intelligence .sec-block { padding-top: 100px }
.en .artificial-intelligence .sec-block { padding-top: 250px }
}

@media (min-width: 2200px) {
#image-1b .ui-1 { right: 25%; }
#image-1b .ui-2 { left: 45%; }
#image-3b .ui-1 { right: 25%; }
#image-4b .ui-1 { right: 15%; }
#image-4b .ui-2 { right: 15%; }
}

@media (min-width: 2200px) {
#overview .intro { background-size: contain; }
}