li {
    list-style: none;
}

.nav-accordion {
    padding: 0;
    margin: 0;
}

.interior-content {
    margin-top: 20px;
}

.nav-accordion li {
    border-bottom: 1px solid #D8D5CE;
    line-height: 1.5;
}

.nav-accordion li:last-child {
    border-bottom: none;
}

.nav-accordion li a {
    text-transform: none;
    color: #333333;
    display: block;
    text-decoration: none;
    font-size: 0.98em;
    font-weight: 600;
    font-family: 'Figtree-Light';
}

.right-content h2 {
    font-size: 2em;
    font-family: 'Philosopher-Bold';
    color: #000;
    margin-top: 50px;
    border-bottom: solid 1px #CCC;
}
.pagetools-section > ul {
    margin:10px 0 35px;
}

.right-content h3 {
    margin-top: 20px;
}
.pagetools-section ul li.share {
    position:relative;
}
.content-banner img {
    width: 100%;
    height: auto;
}
.shareIconContent{
    width:50px;
    position: absolute;
    bottom: 15px;
    right: 25px;
    display:none;
}
.resource-top-content {
    border-bottom: 1px solid #c1bbbb;
    padding: 15px 0 25px 0;
}

.video-library .category-wrapper h1 {
    font-family: 'Philosopher-Bold'!important;
    font-size: 32px;
    line-height: 45px;
}
.middle-content > h1 {
    font-size: 2.2em;
    color: #000;
    margin-bottom: 0;
    font-family: 'Figtree-SemiBold';
    line-height: 1.1;
}

.middle-content h3 {
    font-size: 1.2em;
    color: #000;
    margin: 0 0 12px 0;
    font-weight: 600;
}
.middle-content h3 a{
    text-decoration:none;
    color: #006aa6;

}
.middle-content p {
    font-size: 1.2em;
    color: #313131;
    line-height: 1.5;
    font-family: 'Figtree-Light';
    font-weight: 600;
}

.middle-content p a {
    color: #006aa6;
    text-decoration: none;
    font-family: 'Figtree-SemiBold';
    word-break: break-all;
}

.nav-panel {
    background: #fff;
    border: 2px solid #cebdb6;
    margin: 0 0 20px 0;
}

.nav-accordion li a {
    padding: 16px 15px;
}

.middle-content p:first-child {
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e2e2;
}

.content-section {
    border-bottom: 1px solid #c1bbbb;
    padding: 25px 0 25px 0;
}

.content-section:last-child {
    border: none;
}

.content-section p:last-child {
    margin-top: 22px;
}

.resource-top-content h3 {
    margin-bottom: 8px;
    font-size: 1.4em;
    color: #313131;
}

.logo-text span {
    display: inline-block;
}

.logo-text span h4,
.logo-text span h5 {
    margin: 0;
}

.renovation-slider,
.rennovation-section {
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    position: relative;
    width: 100%;
}

.rennovation-section {
    max-width: 1320px;
    margin: 0 auto 30px;
}

.renovation-slider .banner-wrap,
.renovation-slider .text-content {
    width: 50%;
    box-sizing: border-box;
}

.text-content {
    padding: 20px;
    background: #fff;
}

.text-content h3 {
    color: #000;
    font-size: 1.6em;
    margin-bottom: 15px;
    font-weight: 700;
}

.text-content p {
    color: #313131;
    font-family: 'Figtree-SemiBold';
    /* font-weight: 600; */
    font-size: 1.2em;
    width: 90%;
    margin-bottom: 20px;
}

.text-content a {
    display: inline-block;
    margin-top: 15px;
    color: #006aa6;
    text-decoration: none;
    font-family: 'Figtree-Light';
    font-size: 1.2em;
    font-weight: 600;
}

.left-nav {
    width: 21%;
    margin-right: 40px;
}

.pink-background {
    display: block;
    margin-bottom: 15px;
}

.pink-background img {
    height: auto;
}

.pink-background {
    background: url(/file/media/Schrock/global/prod-gs-bkg.png) no-repeat #FFF;
    height: 240px;
    background-size: contain;
    background-position: 101px 0;
    color: #272324;
    position: relative;
    padding: 20px 15px;
    border: solid 1px #CCC;
}

.pink-background img {
    display: none;
}

.pink-background h3 {
    margin-bottom: 30px;
    font-size: 24px;
}

.pink-background h3,
.pink-background a {
    color: #484848;
    font-family: 'Figtree-Light';
    font-weight: 600;
}

.pink-background a {
    font-size: 22px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #333333;
}

.prevControl,
.nextControl {
    background: url(/file/media/Schrock/global/sprite-images.png) no-repeat;
    width: 27px;
    height: 55px;
    position: absolute;
    z-index: 99999;
    top: 50%;
    transform: translateY(-50%);
    background-position: -542px -136px;
}

.prevControl {
    left: 10px;
    background-position: -513px -133px;
}
.nextControl {
    right: 10px;
}
.cycle-slideshow {
    width: 100%;
}

.rennovation-section .banner-wrap img {
    width: 100%;
}

.rennovation-section .center span {
    cursor: pointer;
}

.help-text h2 {
    color: #313131;
}

.help-text p {
    border-bottom: 0;
}

@media (max-width:767px) {
    .content-banner {
        display: none;
    }
    .nav-panel {
        display: none;
    }
    .mobile-menu-header {
        font-size: 1em;
        padding: 15px;
        color: #333333;
        position: relative;
        margin: 0;
        border: 2px solid #cebdb6!important;
    }
    .mobile-menu-header span {
        background: transparent url(/file/media/Schrock/global/sprite-images.png) no-repeat ;
        width: 22px;
        height: 22px;
        display: inline-block;
        position: absolute;
        right: 15px;
        background-position: -126px -369px;
    }
    .mobile-menu-header {
        display: block;
    }
    .expand span {
        background-position: -159px -397px;
    }
    .nav-panel.expand {
        display: block;
        border-top: 0;
    }
    .left-nav {
        width: 100%;
    }
    .pink-background {
        display: none;
    }
    .rennovation-section,
    .renovation-slider {
        width: 100%;
        display: block !important;
    }
    .rennovation-section {
        margin: 40px 0;
        padding: 35px 20px 15px 20px;
        box-sizing: border-box;
        background: #fff;
    }
    .text-content {
        padding: 25px 15px 15px 15px;
    }
    .text-content h3 {
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1.4em;
    }
    .banner-wrap,
    .text-content {
        margin: 0 auto;
    }
    .rennovatio-slider {
        display: block;
        margin: 40px 0 30px 0;
    }
    .nextControl {
        right: 5px;
        /* -webkit-transform: rotate(180deg); */
        -ms-transform: rotate(180deg);
        /* transform: rotate(180deg); */
    }
    .prevControl {
        left: 5px;
    }
    .text-content a {
        margin: 25px 0 20px 0;
    }
    .renovation-slider .banner-wrap, .renovation-slider .text-content {
        width: 100%;
    }
}

@media (min-width:768px) {
    .nav-panel {
        display: block;
    }
    .nav-panel {
        border: 1px solid #D8D5CE;
        height: auto;
    }
    .right-content {
        width: 78%;
        margin: 0;
    }
    .interior-content {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 100%;
        padding: 0;
        position: relative;
        margin: 30px auto;
        max-width: 1320px;
    }
    .mobile-menu-header {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .pink-background {
        height: 190px;
        background-position: 81px 95px;
    }
    .pink-background h3 {
        font-size: 20px;
    }
    .pink-background a {
        font-size: 16px;
    }
    .renovation-slider,
    .rennovation-section {
        margin: 40px 0px;
        width: 100%;
    }
    .banner-wrap {
        width: 88%;
    }
    .banner-wrap img {
        width: 100%;
    }
    .text-content h3 {
        margin-top: 0;
        font-size: 1.4em;
    }
    .left-nav {
        width: 200px;
        margin-right: 4%;
    }
    .middle-content > h1 {
        font-size: 22px;
    }
    .resource-top-content h3 {
        font-size: 18px;
    }
    .middle-content {
        padding-right: 15px;
    }
}

@media print {
    .breadcrumb,
    .center,
    .news-article .right-container,
    .print-share-ul,
    h2,
    header,
    .where2Buy,
    .wtb-bottom {
        display: none;
    }
    .banner-wrap,
    .mobile-menu-header {
        display: none;
    }
    .cycle-slideshow .renovation-slider.cycle-slide {
        visibility: visible !important;
        display: block !important;
        position: relative !important;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .renovation-slider .text-content a {
        color: #313131;
    }
    .rennovation-section {
        margin-top: -50px !important;
        padding-top: -50px !important;
    }
    .rennovation-section .text-content {
        padding: 0 0 0 0px;
        margin-top: 0;
    }
    .rennovation-section .text-content a {
        margin-top: 15px;
    }
    .cycle-slideshow .renovation-slider:nth-child(n+2) {
        margin-bottom: 40px;
    }
}