h2 span.light {font-weight: 400}
section p{font-size: 16px}
.prod-info h1.title {margin: 0;font-size: 100%;}
.prod-info .title .new {font-size: 95%;font-weight: 400;color: #0ddbb9; display: inline-block;}
.hero-links p { font-size: 12px; padding: 0; margin: 0; padding-bottom: 5px; }
.hero-links a { color: #D9D9D9; }
.alt-version{font-size: 13px; color: #fff; text-decoration: underline; cursor: pointer}
.downloadText {opacity: 0.7;margin-top: 10px;display: block;}
.is-mac, .is-pc, .prod-info  span.mac, .prod-info  span.pc{display: none}
.prod-info .download span.is-mac, .prod-info .download span.is-pc{display: none}
#overview .intro { position: relative; background-color: #1e1e1e;}
#overview .video-bg {padding-top:170px;background-repeat: no-repeat; background-position: center; position: relative; background-size: cover; background-color: #1e1e1e; height: 630px}
.video{display: block}
#whats-new .video{padding-top: 30px;}
.playlink { background: url(../../2023-new/images/painteressentials/icon-play-pink.png) no-repeat center; width: 190px; height: 190px; margin: 0 auto;}
.playlink:hover { background: url(../../2023-new/images/painteressentials/icon-play-white.png) no-repeat center; }
.performance-updates .playlink { background: url(/static/ptr/product_content/painter/2021/icon-play-gradient-center.png) no-repeat center;margin: 0;background-size: 100%;}
#product-nav {text-transform: none}
#product-nav .navbar-nav>li>a {color: #333;}
#product-nav .navbar-nav {float: none;}
.intro .section-intro{color: #fff;margin-bottom: 30px;}
.flow-icons {position: relative; overflow:hidden; padding-bottom: 120px; background: #1e1e1e; color: #fff}
.flow-icons h3{font-size: 40px}
.flow-icons p{font-size: 18px}
.flow-icons img {max-width: 200px;display: block;margin: 0 auto 30px;}
.flow-icons.bottom img {width:auto; max-width:100%; max-height:200px; display: block;margin: 0 auto 30px;}
.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 { position: absolute;font-family: 'Glyphicons Halflings';content: "\002b";font-size: 11px;right: 5px;top: 13px;transition: .3s transform ease-in-out;color: #fff;font-weight: initial;background: rgb(13,219,185);background: -moz-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);border-radius: 50%;padding: 2px 4.5px 0 5px;text-align: center;transform: rotate(45deg); width: 20px;height: 20px;}
.accordion.dark .panel-title a::before { color: rgba(255,255,255,.7); }
.accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333;background: #ccc;}
.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; font-weight: bold }
.accordion .panel-heading { padding: 0; background: transparent}
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.additional-brushes{margin-top: 30px; font-weight: 500}
.additional-brushes a{color: #333; text-decoration: underline}
a.link-btn {margin-right: 25px;font-size: 16px;font-weight: 500;color: #333;text-decoration: underline;}
.whats-inc, #features {position: relative;overflow: hidden; min-height: 900px; padding: 100px 0 60px;}
.fr .whats-inc, .fr #features {min-height: 930px;}

#features {min-height: 800px;}
.feature-gallery .nav>li>a {font-size: 16px;font-weight: 600; color: #333}
.feature-gallery .nav-pills>li>a, .feature-gallery .nav-pills>li>a:focus, .feature-gallery .nav-pills>li>a:hover,
.feature-gallery .nav-pills>li.active>a, .feature-gallery .nav-pills>li.active>a:focus, .feature-gallery .nav-pills>li.active>a:hover{color: #333;}
.feature-gallery .nav-pills>li.active {border-bottom: solid 3px transparent;}
.feature-gallery .nav-pills>li.active:before {content: ""; width: 100%; height: 4px;border-radius: 2px; position: absolute; bottom: 0; left: 0;background: rgb(13,219,185);background: -moz-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
.feature-gallery .nav-pills {border-bottom: 0; margin: 30px 0}
.feature-gallery .tab-content.image {padding-bottom: 30%;}

.owl-carousel .img-wrap { position: relative;}
.owl-carousel .content-wrap { display: none; min-height: 120px; padding-top: 30px}
.owl-carousel a.vid-modal span { display: none; }
.owl-carousel .center .content-wrap, .owl-carousel .center a.vid-modal span { display: block }
.owl-carousel .owl-item { transform: scale(.8); position: relative; }
.owl-carousel .owl-item.center { transform: scale(1); }
.owl-nav {position: absolute;width: 580px;margin: 0 auto;left: 50%;transform: translate(-50%, 0);top: 330px; }
button.owl-prev { float: left; }
button.owl-next {float: right; }
.owl-carousel .owl-nav button:focus, .owl-carousel .owl-nav button:active { border: 0; box-shadow: none; outline: none }
.owl-carousel .owl-nav button:hover { color: #333 }
.reviews{background: #1e1e1e; color: #fff}
.section-intro.margin-bottom-0{margin-bottom: 0}
.btn-owl-prev{background: url(/static/ptr/product_content/painter/2021/sprite.png) -13px -17px no-repeat; width: 30px; height: 30px; display: block}
.btn-owl-next{background: url(/static/ptr/product_content/painter/2021/sprite.png) -13px -17px no-repeat; width: 30px; height: 30px; display: block; transform: rotate(180deg);}
a.vid-modal span {width: 100%;height: 100%;position: absolute;background: url(../../2023-new/images/painteressentials/icon-play-white.png) no-repeat;background-position: 50% 50%;background-size: 15%;left: 0;opacity: .8;z-index: 10;transition: all .2s ease-in-out;}
a.vid-modal:hover span {transform: scale(1.1);opacity: 1;}

.slider-bottom-holder { width: 100%; display: flex; flex-direction: column; }
.item-holder .title { margin-bottom: 0 }
.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: 20vh; }
.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: 40px}
.slider-bottom-holder { position: relative; background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
.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 }
.reviews .container-fluid{max-width: 1800px;}

.dark{background:#1e1e1e;}
.dark, .dark .accordion .panel-title a{ color: #fff}
.apple-support h3{font-size: 16px;font-weight: 700;margin-top: 3px;}
#whats-new .new{background: url(/static/ptr/product_content/painter/2021/brush-stroke.png) no-repeat;background-size: 100% 100%;color: #fff; display:inline-block; padding: 20px 90px 20px 35px;font-size: 36px;font-weight: 700;line-height: 1.2;}
.de #whats-new .new{padding:20px 25px 20px 25px;}
.tw #whats-new .new{padding:20px 52px 20px 35px;}
#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: 60%; padding: 0 15px 7px; color: #fff; border: 4px solid #fff; border-radius: 4px; background: rgb(13,219,185);background: -moz-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1); left: 49.9% !important; transform: translate(-50%, -50%); z-index: 3 }
.slider .instruction p { display: inline; font-size: 2em; text-transform: uppercase; color: #fff; line-height: 1.2 }
.apple-support{ overflow: hidden;}
.apple-support .container{ position: relative}
.apple-support .wrap-apple-img{ position: initial}
.apple-support img.apple-bg {position: absolute;top: 0;right: -20%;width: 85%; z-index: -1}
.apple-support.is-pc img.apple-bg {width: 80%;}
.artificial-intelligence {color: #fff;}
.artificial-intelligence .container {position: relative;}
.artificial-intelligence .sec-block.text-center {position: absolute;left: 15px;top: 0;z-index: 3;text-align: left;max-width: 330px;}
.clone-tinting {position:relative;transition: all 0.6s ease-in-out;min-height: 800px;}
.clone-tinting-bg{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;opacity: 1;background-repeat:no-repeat; background-position:left center; background-size: cover;}
.thick-paint .carousel-indicators {z-index: 2;position: inherit;left:0; margin: 61px 0 0;width: 100%;text-align: left;}
.thick-paint .carousel-inner {position: absolute; height: 100%}
.thick-paint .carousel-indicators li.active:before {content: "";position: absolute;left: 5px;top: 5px;width: 14px;height: 14px;border-radius: 50%;background: #fff;}
.thick-paint .carousel-indicators li {position: relative;width: 24px;height: 24px; margin-right: 10px;border: 0;border-radius: 50%;background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
.thick-paint .item {background-repeat:no-repeat; background-position: 50% center; background-size: cover; min-height: 100%}
.thick-paint .item:first-child{background-color: #0a1215}
.thick-paint .item:nth-child(2){background-color: #d8d8d6;}
.thick-paint .item:nth-child(3){background-color: #bbcfce;}
.thick-paint .item:nth-child(4){background-color: #b97697;}
.thick-paint .item:last-child{background-color: #ccbaca;}
.thick-paint .sec-block, .clone-tinting .sec-block{padding-top: 20px}
.layers {background: url(/static/ptr/product_content/painter/2021/layers.jpg) no-repeat 50% center;background-size: cover;min-height: 800px; color: #fff; position: relative}
.performance-updates{min-height: 800px; color: #fff; background-size: cover;background-repeat: no-repeat; background-position: 45% 0;background-color: #c3b0a2; position: relative}
.performance-updates .section-intro{max-width: 345px}
#performance .lazy-hidden{opacity: 1; width: 100%}
#performance.lightbox .container{padding: 0;line-height: 0;}
.brush-wt.section-intro{background: url(/static/ptr/product_content/painter/2021/brush-wt.png) no-repeat right top;background-size: 100% 100%;padding: 62px 70px 150px 62px;}
.pad-r-30{padding-right: 30px}
.pad-b-0{padding-bottom: 0}
.pad-t-0{padding-top: 0}
.pad-t-80{padding-top: 80px}
.mar-b-100 {padding-bottom: 100px;}
.mar-b-150 { margin-bottom: 150px;}
#tech-specs {background: #fff;color: #333; padding-bottom: 60px}
#gallery {padding-bottom: 80px;}
.gal-img span { display: block; margin-bottom: 20px; height: 20px; text-transform: capitalize; }
.filter { margin-bottom: 30px }
.filter [data-filter] { display: inline-block; margin: 0 5px; text-transform: uppercase; padding: 5px 15px; border: 2px solid #000 }
.filter .active { background: #000; color: #fff }
.flow-icons a{color: #fff; text-decoration: underline}
.flow-icons a:hover, .item-holder .content a:hover, .art-section a:hover, .prod-info ul a:hover, .additional-brushes a:hover, a.link-btn:hover{text-decoration: none}
.de .prod-info ul, .jp .prod-info ul {line-height: 1.3;}
.trademark {padding: 30px 15px;}
#whats-new h2{font-weight: normal; margin-top: 0}
#whats-new .section-intro p{font-size: 16px}
#whats-new .apple-support .section-intro p{font-size: 16px}
.new-blue {color: #00bceb;text-transform: uppercase;font-size: 14px;font-weight: 700}
.caption.side {margin-bottom: 30px;}
.wrap-caption{position: relative; z-index: 3}
#contrastSlider {margin-top: 30px;}

/*Chrome, Safari*/
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: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);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: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
input[type=range]:focus::-webkit-slider-runnable-track {background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
/*Mozilla*/
input[type=range]::-moz-range-track {width: 100%;height: 32px;cursor: pointer;animate: 0.2s;background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);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: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
/*IE*/
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: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);cursor: pointer;margin-top: -2px;
}
input[type=range]::-ms-fill-lower {background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);border-radius: 20px;
}
input[type=range]::-ms-fill-upper {background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);border-radius: 20px;}

input[type=range]:focus::-ms-fill-lower {
    background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);
}
input[type=range]:focus::-ms-fill-upper {
    background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);
}
#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: 14px; margin: 0; font-weight: bold; text-align: center }
#compare .trFeature { text-align: center; background: #f3f3f3;}
#compare .trFeature td:first-child { text-align: left; color: #000; font-size: 14px }
#compare .comparison-chart { margin-bottom: 0; }
#compare .comparison-chart { margin-bottom: 0; }
#compare .feature-check-new p { color: #555; font-weight: bold; }
#compare .comparison-chart .new { color: #000; font-weight: bold; }
#compare td a { color: #000; text-decoration: underline }
#compare .comparison-chart td { font-size: 13px; vertical-align: middle; padding: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
#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-color: transparent;}
#compare .comparison-chart td.pad-8 {padding: 8px 12px}
#compare .table>tbody+tbody { border-top: 0; }
#compare .comparison-chart tr.trFeature:hover td { background-color: #e2e2e2; }
.comparison-chart .feature-check{background: transparent}
.comparison-chart .feature-check:after {content: '';background: url(/static/ptr/product_content/painter/2021/sprite.png) -133px -22px no-repeat;width: 22px;height: 20px;display: block;margin: 0 auto;}
.comparison-chart p.feature-check, .comparison-chart p.feature-check-black {width: 17px;height: 20px;margin: 5px auto 0;}
.comparison-chart .feature-check-black:after {content: '';background: url(/static/ptr/product_content/painter/2021/sprite.png) -77px -22px no-repeat;width: 22px;height: 20px;display: block;margin: 0 auto;}
.compare-link-btn{color: #333; text-decoration: underline}
.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.new-version{background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1); border-radius: 6px 6px 0 0; padding: 0 0 4px;}
#compare .trFeature td:first-child{padding-left: 43px;border-left: 0}
#compare .table>thead>tr>th:first-child .thead-wrapper { border-top-left-radius: 4px; border-left: none;padding-left: 15px;}
#compare .table>thead>tr>th:last-child .thead-wrapper { border-top-right-radius: 4px; border-right: none; }
#compare .table>thead>tr>th { border-bottom: 2px solid #fff; background-color: #fff; color: #fff; border-left: 2px solid #fff;padding: 7px 0 0;}
#compare .table thead tr th:first-child h3 { padding-left: 20px; text-align: left}
#compare .table thead tr { background: #fff; }
#compare .table>thead>tr>th.new-version .thead-wrapper{background: transparent; padding: 12px 8px 15px}
#compare .table .thead-wrapper {padding: 16px 8px 19px; background: #000; }
tbody.collapse.in, tbody.collapsing{height: initial !important;}
.performance .title-bar{font-size: 16px; font-weight: bold; margin: 5px 0 25px;line-height: 1.2;color: #333; padding: 0 10px}
.circle {width: 49%;display: inline-block;}
.circle img{max-width: 180px;}
.performance{max-width: 420px; text-align: center}
.video-bg .container{position: relative}
.video-bg .artist-name {position: absolute;right: 20%;bottom: -100px; color: #a5a5a5;}
.artist-name.bottom {position: absolute;right: 20%;bottom: 20px;}
.artist-name.top {position: absolute;right: 20%;top: 20px;}
#image-1b .artist-name.bottom {right: 37%; color: #a5a5a5;}
.artist-name.dark{color: #525252;text-shadow: 1px 1px #fff; background: none}
.art-section .artist-name.bottom {position: absolute;left: 30px;bottom: 30px;z-index: 10;width: auto;height: auto;}
#features .artist-name.bottom {color: #8e8e8e;}
.performance-updates .artist-name.bottom{color: #440204;text-shadow: none;}
#features .artist-name.bottom, .performance-updates .artist-name.bottom{right: 60%}
.thick-paint .artist-name.bottom {left: 10%;}
.clone-tinting .artist-name.bottom {left: 10%;z-index: 3;    color: #adadad;}
.playlink-video:after {font-family: "Glyphicons Halflings";content: "\e029";display: inline-block;margin-left: 5px;vertical-align: middle;font-size: 120%;}
a.vid-modal.playlink-video {display: block;margin-top: 8px;font-size: 14px;}
@media (min-width: 768px) {
    #prod-hero { background-image: url(/static/ptr/product_content/painter/2021/hero-ptr-2021.jpg); color: #fff; background-color: #014857;}
    .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}
    .prod-info .download::after { content: "";background:url(/static/ptr/product_content/painter/2021/sprite.png) -189px -14px no-repeat;position: absolute;top: 10px;right: 14px; height: 35px;width: 38px;}
    #product-nav .navbar-collapse {text-align: center;}
    #product-nav .navbar-nav>li {float: none;display: inline-block;}
    #product-nav li a {border-bottom: 3px solid transparent;}
    .icon-cols .col {padding: 0 40px;}
    #product-nav.sticky #buy {display: inline;padding: 15px 20px 16px;}
    #product-nav.sticky .navbar-nav>li {float: left;}
    .h2, h2 {font-size: 38px;font-weight: bold;}
    .flow-icons.top:before {position: absolute;content: '';width: 100%;height: 355px;background: url(/static/ptr/product_content/painter/2021/flow-icons-bg.png) no-repeat;left: 50%;top: -5px;transform: translate(-50%, 0);max-width: 1200px;margin: 0 auto;background-size: contain;}
    .flow-icons.top {padding-top: 45px;}
    .pad-l-100{padding-left: 100px}
    .pad-r-90 {padding-right: 8.33333333%;}
    .mar-t-60{margin-top: 60px}
    .accordion h2{font-size: 36px;font-weight: 700;}
    .performance-updates .is-pc{margin-bottom: -80px}
    .performance-updates .is-pc + .row{margin-left: 15px}
    .jp .prod-info li {letter-spacing: -1px; font-size: 16px}
}
@media (min-width: 992px) {
    .accordion .images {position: inherit;width: 100%;}
    .accordion .tab-content {width: 100%; height:100%;position: absolute;z-index: 0;left: 0;top: 0;}
    .accordion .content {left: 0;top: 0;}
    .accordion .tab-pane {height: 100%;width: 100%;background-size: cover;background-position: 50% 100%; background-repeat: no-repeat}
    .accordion .tab-pane img.gif-image {display: block; position: absolute;left: 42%;max-width: 320px;bottom: 0;}
    .accordion .tab-pane img.gif-image.customization {max-width: 522px;}
    .accordion .tab-pane img.gif-image.customization {left: 45%;top:150px;}
    .accordion .tab-pane .performance {left: 51%;top: 275px;position: absolute; display: flex; flex-wrap: wrap}
    .accordion .tab-pane img.gif-image.crop {left:45%;max-width: 224px;}
    .accordion .tab-pane img.gif-image.lightning {max-width: 460px;}
    .pad-section {padding-left: 40px;max-width: 330px;}
}
@media (min-width: 2300px){
    .layers,.thick-paint .item, .performance-updates, .accordion .tab-pane, #overview .video-bg {background-size: contain;}
    .whats-inc{background: #eeeaeb}
    .clone-tinting-bg {left: 50%;background-size: contain;transform: translate(-50%, 0);max-width: 2200px;}
    .layers{position: relative}
    .clone-tinting {background: #5c5c5c;}
    .layers:before {content: '';position: absolute;height: 100%;width: 100%;background: rgb(44,45,66);background: -moz-linear-gradient(90deg, rgba(44,45,66,1) 30%, rgba(96,228,240,1) 52%);background: -webkit-linear-gradient(90deg, rgba(44,45,66,1) 30%, rgba(96,228,240,1) 52%);background: linear-gradient(90deg, rgba(44,45,66,1) 30%, rgba(96,228,240,1) 52%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c2d42",endColorstr="#60e4f0",GradientType=1);z-index: -1;}
    .accordion .tab-pane img.gif-image, .accordion .tab-pane img.gif-image.customization {left: 50%;}
    .accordion .tab-pane img.gif-image.crop {left:50%;}
  /*  #beforeAfter {max-width: 1400px; margin: 0 auto}*/
    .artist-name.bottom, .artist-name.top{right: 50%;}
    #features .artist-name.bottom, .performance-updates .artist-name.bottom {right: 55%;}
    .thick-paint .artist-name.bottom, .clone-tinting .artist-name.bottom {left: 35%;}
}
@media (min-width: 2200px){
    #prod-hero {background-size: cover;}
}
@media (max-width: 1199px) {
    .owl-nav {width: 640px;transform: translate(-50%, 60px);}
    .mar-b-150{margin-bottom: 100px}
}
@media (max-width: 991px) {
    .slider-bottom{display: none}
    .art-section a{font-size: 16px; display: block; margin-bottom: 40px}
    .accordion .panel-group{margin-bottom: 40px}
    .owl-nav {width: 540px;transform: translate(-50%, 0);}
    .artificial-intelligence .sec-block.text-center {position: initial;color: #333;max-width: 100%;text-align: center;}
    .art-section .mobile .col-md-8{ background: rgb(13,219,185);background: -moz-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: -webkit-linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);background: linear-gradient(-90deg, rgba(13,219,185,1) 0%, rgba(0,188,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ddbb9",endColorstr="#00bceb",GradientType=1);}
    .mar-b-100, .mar-b-150 { margin-bottom: 20px;}
    .whats-inc, #features, .fr .whats-inc, .fr #features {padding-top: 0; min-height: inherit}
    .whats-inc .accordion {background-color: #edebec}
    .accordion .tab-pane{background-size: cover;background-repeat: no-repeat;background-position: 70% 0; min-height: 500px}
    .accordion .tab-pane img.gif-image {max-width: 320px; width: auto;margin-top: 50px;}
    .performance {padding-top: 140px;margin: 0 auto; display: flex; flex-wrap: wrap}
    .brush-wt.section-intro {padding: 62px 45px 150px 45px;}
    .playlink {width: 120px;height: 120px;background-size: cover;}
    .playlink:hover {background: url(/static/ptr/product_content/painter/2021/icon-play-white.png) no-repeat center;width: 120px;height: 120px;background-size: cover;}
    .circle img {max-width: 105px;}
    #features .artist-name.bottom{right: 15px}
}
@media (max-width: 767px) {
    .owl-nav {width: 100%;transform: translate(-50%, 0); top:320px;}
    .owl-dots {display: none;}
    .flow-icons h3 {font-size: 20px;}
    .flow-icons .col {text-align: left;}
    .flow-icons img, .flow-icons.bottom img {max-width: 120px; margin-bottom: 50px}
    #beforeAfter {min-height: inherit;}
    .filter [data-filter] {margin-bottom: 20px;}
    .apple-support img.apple-bg, .apple-support.is-pc img.apple-bg {position: initial;width: 100%;}
    .apple-support .wrap-apple-img {max-height: 560px;overflow: hidden;}
    .thick-paint .carousel-inner {position: relative;}
    .thick-paint .item, .clone-tinting {min-height: 400px;}
    .layers {background: url(/static/ptr/product_content/painter/2021/layers.jpg) no-repeat 0 center; background-size: cover;min-height: 400px;}
    .layers .section-intro p{max-width: 300px}
    .brush-wt.section-intro {background: none;padding: 0 15px;margin-bottom: 20px;}
    .wrap-clone-tinting-bg{ position: relative;height: 400px;z-index: 2;}
    .thick-paint .sec-block {background: #f3f3f3;}
    #features {min-height: 600px;}
    .performance-updates {background-position: 30% 0;}
    .hero-links a {color: #333;}
    .flow-icons {padding-bottom: 40px;}
    .flow-icons p {font-size: 14px;margin: 10px 0 15px;}
    .thick-paint .carousel-indicators {margin: 30px 0 0;}
    .pad-t-80 {padding-top: 30px;}
    .table-responsive{border: 0}
    .feature-gallery .nav>li>a p{font-size: 13px}
    .owl-carousel .owl-item img {width: auto;height: 300px;margin: 0 auto;}
    .owl-carousel .img-wrap {position: relative;height: 300px;overflow: hidden;}
    .owl-carousel .content-wrap {padding-top: 45px;}
    #contrastSlider {position: absolute;width: 90%;top: -130px;}
    input[type=range]::-webkit-slider-runnable-track {opacity: 1;}
    #overview .video-bg {padding-top: 105px;height: 400px;}
    .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 40%; flex: 1 0 40%; max-width: 40%}
    .flow-icons .col .row .col-xs-9{ -ms-flex: 1 0 60%; flex: 1 0 60%; max-width: 60%}
    .flow-icons h3 {margin-top: 5px}
    }
@media (max-width: 380px) {
    .accordion .tab-pane img.gif-image {width: 100%;}
    .owl-carousel .owl-item img {margin: 0 -30%;}
}

.artist-name {
    font-size: 11px;
}

.artist-name.light {
    color: #ddd;
    text-shadow: 1px 1px #333;
}