/* BASIC css start */
button, [type=button], [type=reset], [type=submit] { -webkit-appearance:button; border:0; outline:none }
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor:pointer }
.row { display:flex; display:-webkit-box; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap }
.text-break { word-break:break-word; overflow-wrap:break-word }
.align-self-center { -ms-flex-item-align:center; align-self:center }
.col-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; position:relative; width:100% }
.col-md-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.justify-content-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.d-flex { display:-webkit-box; display:-ms-flexbox; display:flex }
.d-md-flex { display:-webkit-box; display:-ms-flexbox; display:flex }
.btn { padding:0.375rem 0.75rem; position:relative; min-height:3rem; height:auto; font-size:1rem; text-align:center; word-wrap:break-word; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out }
.btn:hover { color: #fff !important; background-color: #3b3c43 !important; border-color: #3b3c43 !important }
.btn.large { min-width:11.1875rem }
.d-lg-inline-block { display:inline-block }
.media { display:flex; display:-webkit-box; display:-ms-flexbox; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start }
.mb-md-6 { margin-bottom:3.5rem }
.mr-3 { margin-right:1rem }
svg { overflow:hidden; border:0; outline:none; vertical-align:middle }
.text-center { text-align:center }
.d-md-none { display:none !important }
.justify-content-md-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center }
.align-items-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.flex-column { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column }
.flex-md-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction: row; flex-direction:row }
.text-md-left { text-align:left }

.experience-component,
.experience-component * { box-sizing:border-box }
.experience-component .banner-container { position:relative }
.experience-component .banner-container.hero-banner .image-container { position:relative; width:100%; height:80vh }
.experience-component .banner-container.hero-banner .image-container img { width:100%; height:100%; object-fit:cover; object-position:50% 50% }
.experience-component .banner-container.hero-banner .text-cta-container { display:flex; position:absolute; top:0; left:50%; max-width:90rem; width:100%; height:100%; transform:translate(-50%); -webkit-box-pack:end; justify-content:flex-end; -webkit-box-align:center; align-items:center; -webkit-box-orient:vertical; flex-direction:column; z-index:3 }
.experience-component .banner-container.hero-banner .text-cta-container .text-container { position:static; width:50%; text-align:center }
.experience-component .banner-container.hero-banner .text-cta-container .discover-anniversary { margin-bottom:1rem; font-size:1rem; color:#fff }

.experience-component .animation-arrow.slick-dots { display:flex; padding:15px; position:absolute; top:auto; left:50%; width:auto; fill:#fff; transform:translateX(-50%); text-align:center; border-radius:1.5rem; border:0 solid rgba(118 120 123); bottom:3rem }
.experience-component .animation-arrow.slick-dots svg { overflow:hidden; vertical-align:middle }

.experience-commerce_assets-htmlMarkup:nth-child(odd), 
.experience-commerce_layouts-slickCarousel { background-color:#f2f2f2 }

.editorialRichText-component-container { max-width:100%; background-color:#f2f2f2 }

.banner-container.video-banner { margin:unset; position:relative; color:#fff; overflow:hidden }
.banner-container.video-banner .overlay { position:absolute; top:-4px; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); z-index:3 }
.banner-container.video-banner .image-container { position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity .3s linear; -webkit-transition:opacity .3s linear; visibility:visible; overflow:hidden; z-index:2 }
.banner-container.video-banner .image-container img { position:absolute; top:0; left:0; width:100%; height:100%; min-width:auto; max-width:inherit; -o-object-fit:cover; object-fit:cover; }
.banner-container.video-banner .hide { -webkit-transition:visibility 0s .3s,opacity .3s linear; transition:visibility 0s .3s,opacity .3s linear; opacity:0; visibility:hidden }
.banner-container.video-banner .text-cta-container { display:flex; position:absolute; top:0; left:50%; max-width:90rem; width:100%; height:100%; transform:translate(-50%); -webkit-transform:translate(-50%); -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; -webkit-box-orient:vertical; flex-direction:column;  z-index:3 }
.banner-container.video-banner .text-cta-container .text-container { position:static; width:50%; text-align:center }
.banner-container.video-banner .text-cta-container .text-container .heading { margin-bottom:0.5rem; font-size:3rem; color:#fff; text-align:center }
.banner-container.video-banner .text-cta-container .btn { margin-top:1rem; line-height:2.1 }
.banner-container.video-banner .text-cta-container .solid-fill { color:#3b3c43; border:0.0625rem solid transparent; border-color:#3b3c43; background-color:#fff }
/*
.banner-container.video-banner .media { width:100%; height:100%; }
.banner-container.video-banner .media .desktop-video { width:100%; height:auto }
*/
.banner-container.video-banner .media { padding-bottom:56.25%; width:100% }
.banner-container.video-banner .media iframe { position:absolute; top:0; left:0; right:0; width:100%; height:100% }
.banner-container.video-banner .control { display:none; padding:0 5%; position:absolute; left:0; bottom:0; width:100%; -webkit-box-pack:end; justify-content:flex-end; -webkit-box-align:center; z-index:3 }
.banner-container.video-banner .play-pause { position:relative; width:2.75rem; height:1.75rem; line-height:0; border:0 transparent; background:0 0; border-radius:2.5rem; background-color:#878480; cursor:pointer }
.banner-container.video-banner .play-pause .icon { height:100%; width:100%; pointer-events:none }
.banner-container.video-banner .playing .icon.play { display:none }
.banner-container.video-banner .play-pause .icon.play { margin:0 auto; width:0.5625rem; height:0.75rem; }
.banner-container.video-banner .play-pause .icon.pause { margin:0 auto; width:0.75rem; height:0.75rem; }
.banner-container.video-banner .play-pause.btn-white svg { fill:#fff }

.quote-icon { display:inline; padding:1rem; white-space:nowrap }
.iconTextList-image img { position:relative; width:100px; height:100px; border-radius:50%; overflow:hidden }
.text18 { font-size:1.125rem }
.editorialRichText-component-container { max-width:100%; background:#f2f2f2 }
h3 { font-size:1.875rem }
.image-bleed-z-index { padding:1rem 0 }
.bleedContainer { padding:8rem 0 }

.parallaxContainer { padding:0.5rem }
.parallax-scroller { background-repeat: no-repeat; background-attachment: fixed; color:white; }
.parallax-scroller .fiftybanner-container .text-container { background-color:#fff; color:black; }
.parallax-scroller .text18 { line-height:1.5 }

@media (min-width: 320px) {
    .parallax-desc { display:none; }
}
@media (min-width: 768px) {
    .parallax-desc { display:block; padding: 17% 57% 17% 10%; }
    .parallax-scroller { height: auto; width: auto; background-position: initial; background-attachment: initial; background-size: 100%; background-image: url(/design/parker01/pioneer/4PC.jpg); }
}
@media (min-width: 1200px) {
    .parallax-scroller { background-position: center; background-attachment: fixed; background-size: cover; background-image: url(/design/parker01/pioneer/4PC.jpg); }
    .parallax-desc { display: block; padding: 17% 57% 17% 10%; }
    .editorialRichText-component-container { max-width: 100%; background-color: #F2F2F2; }
}

h2 { margin-bottom:.5rem; font-size:2.25rem; line-height:1.25; color:#fff; font-weight:normal }
.description p { font-size:1rem; line-height:1.5 }
.description .t1 { padding-bottom:24px }

.slideSection1 { padding:3rem 0.75rem; position:relative }
.slideSection1 .imageMT img { margin-top:-28px }


.fiftybanner-container { margin: 0 auto; position:relative; max-width: 90rem; min-height:35.5rem; max-height:35.5rem; overflow: hidden }
.fiftybanner-container .text-container { color: #fff; overflow: hidden; width: 100%; max-width:45rem; z-index: 1; min-height: 90vw; background:#1a1a1a }
.fiftybanner-container .image-container { height:auto; min-height:35.5rem }
.fiftybanner-container.opaque .text-container {  min-height:17.75rem;  }
.fiftybanner-container.opaque .image-container { max-height:35.5rem }
.fiftybanner-container.opaque .image-container img { width:100% }

.carousel-item { display:inline-block; position:relative; float:left; width:100% }

.non-edit-mode.controls-md .custom-arrow:not(.arrow-sr-only-xs), 
.non-edit-mode.controls-sm .custom-arrow:not(.arrow-sr-only-xs), 
.non-edit-mode.controls-xs .custom-arrow:not(.arrow-sr-only-xs) { display:none !important } 
.non-edit-mode.controls-md .custom-arrow:not(.slick-disabled):not(.slick-hidden) { display:block !important }
.non-edit-mode button.custom-arrow { position:absolute; width:2.5rem; height:2.5rem; overflow:visible; clip:auto; white-space:normal }
.slick-carousel button.custom-arrow.custom-prev, 
.slick-carousel button.custom-arrow.custom-next, 
.einstein-carousel button.custom-arrow.custom-prev, 
.einstein-carousel button.custom-arrow.custom-next { -webkit-box-shadow:0 0 0.25rem 0 #f7f7f7; box-shadow:0 0 0.25rem 0 #f7f7f7; border-radius:50% }
.slick-carousel button.custom-arrow.custom-prev, 
.einstein-carousel button.custom-arrow.custom-prev { left:0.625rem }
.slick-carousel button.custom-arrow.custom-next, 
.einstein-carousel button.custom-arrow.custom-next { right:0.625rem }

.slick-carousel button.custom-arrow.custom-prev2, 
.slick-carousel button.custom-arrow.custom-next2, 
.einstein-carousel button.custom-arrow.custom-prev2, 
.einstein-carousel button.custom-arrow.custom-next2 { -webkit-box-shadow:0 0 0.25rem 0 #f7f7f7; box-shadow:0 0 0.25rem 0 #f7f7f7; border-radius:50% }
.slick-carousel button.custom-arrow.custom-prev2, 
.einstein-carousel button.custom-arrow.custom-prev2 { left:0.625rem }
.slick-carousel button.custom-arrow.custom-next2, 
.einstein-carousel button.custom-arrow.custom-next2 { right:0.625rem }

.slick-carousel button.custom-arrow, .einstein-carousel button.custom-arrow { position:absolute; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); background:0 0; z-index:1 }

.slick-carousel button.custom-arrow .svg-arrow-left, 
.slick-carousel button.custom-arrow .svg-arrow-right, 
.einstein-carousel button.custom-arrow .svg-arrow-left, 
.einstein-carousel button.custom-arrow .svg-arrow-right { fill:#3b3c43; filter:none; -webkit-filter:none }

.slick-carousel button.custom-arrow:focus,
.slick-carousel button.custom-arrow:hover,
.einstein-carousel button.custom-arrow:focus,
.einstein-carousel button.custom-arrow:hover {
    border:2px solid #232428;
        border-radius: 50%;
    background-color: #fff;
    outline: none
}

.slick-dotted.slick-slider {
    margin-bottom: 1.875rem
}

.slick-dots {
    position: absolute;
    top: auto;
    bottom: 1rem;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: 0;
    width: auto;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    padding: .25rem .5rem;
    border-radius: 2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .slick-dots {
        padding:.5rem 1rem
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: .5rem;
    width: .5rem;
    margin: 0 .25rem;
    padding: 0;
    cursor: pointer
}

@media(min-width: 768px) {
    .slick-dots li {
        height:.75rem;
        width: .75rem;
        margin: 0 .5rem
    }
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li:first-child {
    margin-left: 0
}

.slick-dots li button {
    border: .0625rem solid #fff;
    background-color: transparent;
    display: block;
    height: .5rem;
    width: .5rem;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(min-width: 768px) {
    .slick-dots li button {
        height:.75rem;
        width: .75rem
    }
}

.slick-dots li button:hover {
    border: .125rem solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slick-dots li button:focus {
    border: .0625rem solid #fff;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.slick-dots li button:focus::after {
    position: absolute;
    content: '';
    top: -.25rem;
    bottom: -.25rem;
    left: -.25rem;
    right: -.25rem;
    border: .0625rem solid #fff;
    border-radius: 1.5rem
}

.slick-dots li.slick-active button {
    background: #fff
}

.slick-dots li.slick-active button::before {
    color: #000;
    opacity: .75
}

.slick-controls-wrap {
    position: absolute;
    top: auto;
    bottom: 6rem;
    left:0;
    right:0;
    max-height: 1rem
}

@media(min-width: 768px) {
    .slick-controls-wrap {
        max-height:1.75rem
    }
}

.slick-controls-wrap .autoplay-wrap {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    padding: .25rem .4375rem;
    border-radius: 2.5rem
}

@media(min-width: 768px) {
    .slick-controls-wrap .autoplay-wrap {
        padding:.5rem .9375rem
    }
}

.slick-controls-wrap .slick-dots {
    position: relative;
    bottom: 0;
    margin-right: 1rem
}

.slick-controls-wrap .play-pause-btn {
    height: auto;
    min-height: auto;
    padding:0;
    background:none;
}
.slick-controls-wrap .play-pause-btn:hover { background:none !important }

.slick-controls-wrap .play-pause-btn .svg-play {
    display: none
}

.slick-controls-wrap .play-pause-btn.paused .svg-play {
    display: block
}

.slick-controls-wrap .play-pause-btn.paused .svg-pause {
    display: none
}

.slick-controls-wrap .play-pause-btn svg {
    fill: #fff;
    margin: 0;
    
}

@media(min-width: 768px) {
    .slick-controls-wrap .play-pause-btn svg {
        height:.75rem;
        width: .75rem
    }
}
.slick-controls-wrap .autoplay-wrap .btn { position:relative }
.slick-controls-wrap .autoplay-wrap .btn:after{content:'';position:absolute;top:-.375rem;bottom:-.375rem;left:-.375rem;right:-.375rem;border:.0625rem solid #fff !important;border-radius:1.5rem}

.slideSection2 { position:relative }
.slideSection2 .slick-dotted.slick-slider { margin-bottom:0 }
.slideSection2 .text-cta-container { position:absolute; top:0; left:50%; max-width:90rem; transform:translate(-50%); -webkit-transform:translate(-50%); -webkit-box-pack:center !important; justify-content:center !important; z-index:3; align-items:flex-start!important }
.slideSection2 .text-cta-container .text-container { position:static; width:50% }
.slideSection2 .text-cta-container .text-container .banner-description h2 { font-size:2.25rem; text-align:left }
.slideSection2 .text-cta-container .text-container .banner-description p { font-size:1.25rem; color:#fff; text-align:left; line-height:1.5 }

.slick-carousel button.custom-arrow.custom-prev2:hover, .slick-carousel button.custom-arrow.custom-next2:hover, .einstein-carousel button.custom-arrow.custom-prev2:hover, .einstein-carousel button.custom-arrow.custom-next2:hover { border:.125rem solid #232428; -webkit-box-shadow:none; box-shadow:none  }

.section3 .bleedContainer { padding:3rem 0 }
.section3 .bleedContainer h3 { font-size:1.35rem; line-height:1.6 }

.section4 .img-fluid { width:100% }
.section4 .text-cta-container { position:absolute; top:0; left:50%; max-width:90rem; width:100%; height:100%; transform:translate(-50%); -webkit-transform:translate(-50%); -webkit-box-pack:center !important; justify-content:center !important; z-index:3; align-items:flex-start!important }
.section4 .text-cta-container .text-container { position:static; width:50% }
.section4 .text-cta-container .text-container .banner-description h2 { font-size:2.25rem; font-weight:normal; text-align:left }
.section4 .text-cta-container .text-container .banner-description h2 strong {  }
.section4 .text-cta-container .text-container .banner-description p { font-size:1.25rem; color:#fff; text-align:left; line-height:1.5 }

.section4 .cta-container { margin-top:1rem }
.section4 a.btn.btn-white.solid-fill { padding:0 16rem; line-height:3.1; background-color:#3b3c43; color:#fff; border:1px solid #3b3c43 }
.section4 a.btn.btn-white.solid-fill:hover { background-color:#232428 !important; color:#fff; border:1px solid #fff !important }
/* BASIC css end */