body {
    background-size: 100% 190px;
}

.favs-content {
    margin: 0 auto;
}

.favs-option-btn {
    padding: 8px 0 8px 27px;
    color: #000;
    text-decoration: none;
    font-family: "Nexa W01 Light";
    font-size: 18px;
}
.favs-option-btn:first-child {
    padding-left:30px;
}
.favs-title {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    font-family: "Birch W03 Regular1180575";
    color: #000;
    text-transform: uppercase;
    font-size: 52px;
}

.favs-options {
    width: 100%;
    max-width: 900px;
    margin-bottom: 50px;
    background: #fbf6f0;
    right: 15px;
}

.favs-header {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    background: #fbf6f0;
    margin-bottom: 40px;
    /* padding: 15px 0 0; */
    margin-top: 1px;
}
.result-content ul {
    padding: 0;
    margin: 0;
}
.favs-tab-list li {
    margin: 0 50px 0 50px;
}

.favs-content .favs-tab-list {
    margin: 0 auto;
    width: 60%;
}

.favs-tab-container {
    background: #fff;
}

.favs-tab-container .resp-tab-content-active {
    margin-top: 0;
    padding: 30px 50px;
}

.result-container .door-terms-li {
    width: 100%;
}

.result-container .door-terms li {
    padding: 5px 0 5px 0;
}


/*.favs-content .tab-wrapper-content .result-container {
     width: 90%;
     height: 100%;
}*/


/*.favs-content .tab-wrapper-content .result-container {
     width: 20%;
     height: 100%;
}*/

.page_break_after {
    display: none;
}
.favs-content .tab-wrapper-content .result-container img {
    width: 100%;
}

.favs-content .prod-list.column .result-container {
    width: 90
}

.favs-content .prod-list.column .result-container .result-media {
    width: 15%;
    float: left;
}

.favs-content .prod-list.column .result-container .result-content,
.favs-content .prod-list.column .result-container .result-heading {
    float: left;
    width: 50%;
    margin-left: 30px;
}

.favs-content .prod-list.column .result-container .prodTile_actions {
    width: 30%;
}

.favs-content .layoutSwitch_print {
    background: url(../png/sprite-images-2.png) -91px -309px;
    width: 20px;
    height: 20px;
}

.favs-content .layoutSwitch_item-stacked {
    background: url(../png/sprite-images-2.png) -537px -246px;
    width: 18px;
    height: 22px;
}

.favs-content .layoutSwitch_item-grid {
    background: url(../png/sprite-images-2.png) -557px -246px;
    width: 18px;
    height: 22px;
}

.favs-option-btn > * {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    font-family: "Nexa W01 Light";
}

.term-value span {
    padding-left: 10px;
    color: #313131;
    font-family: "Nexa W01 Bold";
    font-size: 0.97em;
}

.result-heading h3 a {
    color: #000;
    font-family: "Nexa W01 Bold";
    font-size: 0.9em;
    text-decoration: none;
}

.favs_social_icons {
    margin-top: 20px;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.prodTile_actions {
    width: 65%;
}

.social-bar_share {
    width: 35%;
}

.share .shareLink span {
    background: transparent url(../png/sprite-images-2.png) -243px -137px;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.edge-icon {
    background: transparent url(../png/sprite-images-2.png) -110px -142px;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.tab-wrapper-content .prod-list-items {
    width: 25%;
    /*float: left;*/
    position: relative;
    padding-bottom: 50px;
    /* max-width: 270px; */
    /* margin-right: 30px; */
}
.social-bar_share .share{
    position:relative;
}
.shareIconContent{
    width:50px;
    position: absolute;
    bottom: 25px;
    right: 15px;
    display:none;
}
.tab-wrapper-content .prod-list-items:nth-child(4) {
    margin-right: 0;
}

.tab-wrapper-content .prod-list li {
    list-style: none;
    font-family:"Nexa W01 Light";
}

.favs-content .prod-list.prod-list-ruled.column li {
    width: 100%;
}

.prod-list-items .remove-result a {
    content: ' ';
    width: 22px;
    height: 22px;
    background: url(../png/sprite-images-2.png) -189px -232px no-repeat;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    z-index: 999;
    right: 10px;
    visibility: visible;
}


/*.remove-result span:before {
     content: ' ';
     width: 25px;
     height: 28px;
     background: url(/file/media/Kemper/global/sprite-images.png) -190px -231px no-repeat;
     display: block;
     cursor: pointer;
     position: absolute;
     top: 6px;
     z-index: 999;
     right: 30px;
     visibility: visible;
}*/

.prod-list-items .remove-result a:hover {
    width: 87px;
    height: 24px;
    margin-left: 189px;
    background: url(../png/sprite-images-2.png) -215px -230px no-repeat;
    /* border: solid; */
    top: 8px;
    transition: all 0.2s;
}


/*.prod-list-items .remove-result a {
     visibility: hidden;
}*/


/* Styles for favs tab*/

.favs-content ul.accordion {
    background: #FFFFFF !important;
}

.favs-content ul.accordion li.js-tabs_panel {
    display: none;
}

.favs-content .tab-wrapper-nav>*>*,
.favs-content .tab-wrapper-nav>*>a,
.favs-content .tab-wrapper-nav>*>a:hover,
.favs-content .tabWrapper_list {
    color: #121212;
    font-family: "Nexa W01 Light";
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
}

.favs-content .tab-wrapper-thick>.tab-wrapper-nav>*>*,
.favs-content .tab-wrapper-thick>.tab-wrapper-nav>*>a {
    font-size: 1.25em;
    text-decoration: none;
}

.tab-wrapper-thick>.tab-wrapper-nav>*>*,
.tab-wrapper-thick>.tab-wrapper-nav>*>a {
    padding: 0 0 18px;
}
.tab-wrapper-nav {
    float: left;
}

.tab-wrapper-nav li {
    list-style: none;
    float: left;
    margin-right: 104px;
    position: relative;
    bottom: -4px;
    outline: none;
}

.tab-wrapper-nav li:last-child {
    margin-right: 0;
}

.tab-wrapper-content {
    background: #fff;
    margin-top: 25px;
    /*display: flex;*/
    padding: 50px 0px;
}

.tab-wrapper-content .prod-list {
    width: 100%;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding: 0;
    /* margin: 0 auto; */
    justify-content: flex-start;
}

.favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
    width: 100%;
    border: 0;
    padding: 0;
    border-bottom: solid 5px #DDD;
    max-width: 775px;
    margin: 6em 0 80px 0;
}

.favs-content .ui-tab.ui-tabs-active.ui-state-active>* {
    border-bottom: 7px solid #8f1336;
    /* outline: none; */
}

.door-terms .term {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}


/* .door-terms,.result-heading {
     padding-left:15px;
}*/

.favs-content input[type=checkbox] + span.favs-checkbox::before {
    content: "";
    background: url(../png/sprite-images-3.png) -473px -85px;
    width: 16px;
    height: 23px;
    float: left;
    display: inline-block;
}
.favs-content input[type=checkbox]:checked + span.favs-checkbox::before {
    background-position: -496px -85px;
}
.favs-content input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
}

/* input[type=checkbox]:checked:before,
input[type=checkbox]:checked:before {
    background-position: -496px -85px;
} */

a.compare-submit.disabled {
    color: #d4d3c9;
    pointer-events: none;
}

a.compare-submit,
.social-bar_share {
    font-size: 0.8em
}

.favs-showmore-container {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    cursor: pointer;
}

.favs-showmore-container {
    display: none;
}

.favs-showmore-container .showmore-button {
   background: #FFF;
    border: 2px solid #a80b34;
    color: #a80b34;
    padding: 10px 0;
    width: 350px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-family: "Nexa W01 Light";
    font-size: 30px;
}

.tab-wrapper {
    width: 100%;
    box-sizing: border-box;
    max-width: 1170px;
    margin: 0 auto;
    display: table;
}
.prod-list-items .remove-result {
    position: relative;
}

.placement{
    display: none;
}
.favs-content .tab-wrapper-content .result-container {
    width: 90%;
    height: 100%;
    page-break-inside: avoid;
}
.tab-wrapper-content > .print-heading {
    display: none;
    font-family:'Nexa w01 Bold';
}
/* Styles for favs tab ends */

@media (min-width: 768px) {
    .find-styles li ul li:nth-child(even) {
        padding: 0;
    }
    .result-container .favs_social_icons a {
        text-decoration: none;
        color: #000;
        margin: 3px 16px 0 5px;
        font-weight: 700;
        font-family: 'Nexa w01 Regular';
    }
    .compare-submit.active {
        color: #000;
    }
    a.compare-submit.disabled {
        color: #000;
        pointer-events: none;
    }
    .result-heading h3 {
        margin-bottom: 10px;
    }
    .favs-title {
       padding: 0 0 0 2.3em;
       line-height: 1.6em;
    }
}
/* for mobile devices */

@media (max-width: 767px) {
    .favs-options {
        display: none;
    }
    
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        width: 90%;
        padding: 0 9.2px;
        background: #fff;
        border: 2px solid #cebcb8;
        display: inline-block;
        margin: 0 8px;
        border-top:none;
        float: none;
        
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        display:none;
    }
    .tab-wrapper-nav li:last-child {
        margin-right: 0;
        border-bottom: 0;
    } 
    .favs-content .tab-wrapper-nav >* {
        border-bottom: 1px solid #cebcb8;
    }
    .tab-wrapper-nav li {
        float:none;
    }
    .tab-wrapper-nav>* {
        display: flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 100%;
    }
    .favs-content .ui-tab >* {
        width: 100%;
    }
    /*.favs-content .ui-tab.ui-state-active a {
        font-weight: 700;
    }*/
    .tab-wrapper-content {
        width: 100%;
        padding: 0 0 0 10px;
        margin: 0 auto;
    }
    .tab-wrapper-content .prod-list-items {
        width: 100%;
    }
    .favs-content .ui-tab {
        text-align: left;
    }
    .favs-content .ui-tab.ui-tabs-active.ui-state-active>* {
        border-bottom: none;
    }
    .tab-wrapper-content .prod-list {
        width: auto;
        display: block;
    }
    #doors .result-container,
    #finishes .result-container,
    .favs-content .tab-wrapper-content .result-container {
        width: 85%;
        padding: 0 5%;
    }
    .prod-list-items .remove-result a:before {
        right: 16%;
    }
    .result-container .favs_social_icons a.compare-submit.disabled {
        color: #d4d3c9;
        pointer-events: none;
    }
    .result-container .favs_social_icons a.compare-submit.active {
        color: #000;
    }
    .result-container .favs_social_icons a {
        text-decoration: none;
        color: #000;
        margin: 3px 16px 0 5px;
        font-weight: 700;
    }
    .result-container .prodTile_actions {
        display: none;
        visibility: hidden;
    }
    .favs-content .result-heading {
        border-bottom: 1px solid #cebcb8;
        margin-bottom: 10px;
    }
    .favs-content .result-heading h3 {
        padding: 10px 0;
        margin: 0;
    }
    .door-terms,
    .result-heading {
        padding-left: 5px;
    }
    
        .placement {
        position: relative;
        background: #fff;
        width: 90%;
        padding: 0 9.2px;
        line-height: 60px;
        display: block;
        text-align: left;
        border: 2px solid #cebcb8;
        margin: 0 8px;
        font-weight: 700;
        font-size: 1.25em;
        color: #000;
        font-family: "Nexa W01 Bold";
    }
        .right-icon {
        background: url(../png/sprite-images-4.png) -129px -371px no-repeat;
        width: 19px;
        height: 20px;
        display: block;
        position: absolute;
        right: 20px;
        top: 35%;
    }
    .favs-header {
        margin:0 -15px;
        padding: 0;
        background: url(../jpg/home-top-nav-bg.jpg) no-repeat;
    }
    .favs-title {
        text-align:center;
        /* display: inline-block; */
        color: #fff;
        padding-bottom: 20px;
    }
    .tab-wrapper-nav li {
        padding:12px 0;
    }
    .tab-wrapper-nav li:last-child {
        border:0;
        padding-bottom: 18px;
    }
    .tab-wrapper-thick>.tab-wrapper-nav>*>*, .tab-wrapper-thick>.tab-wrapper-nav>*>a {
        padding:0;
    }
    .tab-wrapper {
        margin-top:20px;
    }
}


/* styles for ipad view */


/* Landscape view */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .tab-wrapper-content .prod-list-items {
        width: 50%;
    }
    .favs-title {
        width: 35%;
        padding-left: 45px;
        line-height: 1.6em;
    }
    .favs-options {
        width: 65%;
    }
    #doors .result-container,
    #finishes .result-container,
    .favs-content .tab-wrapper-content .result-container {
        width: 95%;
    }
    #doors .prod-list-ruled.column .result-container,
    #finishes .prod-list-ruled.column .result-container {
        width: 30%;
    }
    .favs-content .tab-wrapper-content .result-container {
        width: 90%;
    }
    .tab-wrapper-content .prod-list {
        width: auto;
    }
    .prod-list-items .remove-result a:before {
        right: 15%;
    }
    .favs-content .prod-list-ruled.column .prod-list-items .remove-result a:before {
        right: 0%;
    }
    .favs-content .prod-list.column .result-container {
        width: 100%;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp{
            margin: 70px 50px 0 50px;
    }
    .tab-wrapper-content .prod-list {
        margin-top: 90px;
        padding: 0 50px;
    }
    .shareIconContent{
        right: 80px;
    }
}


/* Portrait view */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .tab-wrapper-content .prod-list-items {
        width: 50%;
    }
    .prod-list-items .remove-result a:before {
        right: 15%;
    }
    .favs-content .tab-wrapper-content .result-container {
        width: 90%;
    }
    .favs-content .prod-list.column .result-container {
        width: 100%;
    }
    .favs-content .prod-list.column .result-container .result-media {
        width: 25%;
        float: left;
    }
    .favs-content .prod-list.column .result-container .prodTile_actions {
        width: 50%;
    }
    .favs-header {
        margin: -1px -15px 30px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(../jpg/home-top-nav-bg-2.jpg) repeat-x
    }
    .favs-title {
        color: #FFF;
    }
    .tab-wrapper-content .prod-list, .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        margin-left:25px;
    }
    
    .shareIconContent{
        right: 40px;
    }  
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        margin-top: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        max-width: 705px;
    }
    .tab-wrapper-nav li {
        margin-right: 100px;
    }
    .favs-content .tab-wrapper-thick > .tab-wrapper-nav > * > *,
    .favs-content .tab-wrapper-thick > .tab-wrapper-nav > * > a {
        font-size: 18px;
    }
}
@media (min-width:992px) {
    .favs-options {
        position: relative;
        top: 130px;
        /* clear: both; */
        /* padding-top: 30px; */
        /* margin-top: 30px; */
        /* float: none !important; */
    }
    .tab-wrapper-content .prod-list {
        max-width:1170px;
    }

}

/* styles for print */

@media print {
    header,
    footer,
    .tab-wrapper-nav,
    .favs-options a,.placement,.favs-showmore-container,.wtb-bottom {
        display: none;
    }
    @page {
        size: A4;
    }
    .tab-wrapper-content .prod-list {
        display: flex!important;
    }
    .tab-wrapper-content .grid .prod-list-items {
        width: 25% !important;
        padding-bottom: 10px;
    }
    .tab-wrapper-content .prod-list-ruled .column .prod-list-items{
        width:100%;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp,
    .favs_social_icons {
        display: none;
    }
    .remove-result {
        display: none;
    }
    .favs-content .door-terms .term {
        display: flex!important;
        justify-content:flex-start !important;
        flex-wrap: nowrap !important;
        font-size: 0.78em;
    }
    .favs-content .door-terms .term-value {
        margin-left: 3px !important;
    }
    .favs-content .door-terms .term-key {
        white-space: nowrap;
    }
    .favs-content .door-terms .term-key,
    .favs-content .door-terms .term-value {
        float: none;
        /* width: 100%; */
    }
    .favs-content .door-terms .term-value span {
        padding: 0;
    }
    .prod-list-items {
        display:block!important;
    }
    .favs-showmore-container{
        display:none !important;
    }
    .result-container .result-media{
        height:auto !important;
    }
    .result-container .result-heading{
        border-bottom:none !important;

    }
    .result-content ul{
        padding-left:5px;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp {
        display:block;
        border:none;
    }
    .favs-content .tab-wrapper-nav >* {
        border-bottom:none;
    }
    .favs-content .tab-wrapper-nav.util_visibility-tabletAndUp, .favs-content .tab-wrapper-nav >* {
        display:none;
    }
    #doors, #finishes, #rooms, #products {
        display:block !important;
        margin-bottom: 0;
        page-break-inside: avoid;
        padding-top: 10px;
    }
    .favs-content .prod-list.prod-list-ruled.column li {
        padding:0 0 5px 0;
        margin:0 0 0 0;
       
    }
    .tab-wrapper-content > .print-heading {
        display:block;
    }
    .tab-wrapper-content .prod-list li:nth-child(4n+1){
        clear:left !important;
         /*page-break-inside: avoid;*/
    }
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .favs-title {
       padding-left: 90px;
    }
}

@media (max-width: 1024px)
{
    .favs-title {
       padding-left: 31px;
    }
}

@media (max-width: 768px)
{
    .favs-title {
       padding-left: 0;
    }
}