.addToCartQuickView{
    background-color: #347258;
    color: #fff;
}

.addToCartQuickView{
    background-color: #347258;
    color: #fff;
}

#wide-tab-panel.tab-pane ul,
#homeTabs .tab-pane .tabPaperType ul{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}


/**

    P.O Box Pane

*/

/**
    node 107969 is the dev div
    node 93228 is the live div
*/
#edit-extra-pane-node-107969 ,
#edit-extra-pane-node-93228
{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    display: block;
}

#edit-extra-pane-node-107969 legend ,
#edit-extra-pane-node-93228 legend{
    text-align: center;
    left: 20%;
    top: 20%;
}

#edit-extra-pane-node-107969 .fieldset-wrapper,
#edit-extra-pane-node-93228 .fieldset-wrapper{
    display: none;
}


/**

Custom Landing Pages

*/
#mainListingContent #productListing .view-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


#site-map{
    column-count: 3;
}

#site-map a{
    color:#000;
}

#mainPageContent .widgetRow .instagramWidget{
    background-color: #FFF;
}
#mainPageContent .widgetRow .instagramWidget h3{
    color: #000;
}


#edit-commerce-fieldgroup-pane-group-ups-user-account{
    display: none;
}

#mainPageContent .widgetRow .blogWidget .blogBevel .blogArticle .thumb img ,
.blog-container .blog-image img{
    width: 100%;
}

#mainListingContent .productFilter h3{
    margin-bottom:20px !important;
}

#ClearAllFilters{
    padding: 5px 28px;
    text-align: left;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.blog-container h2{
    margin: 20px 0px ;
}

.blog-container .author{
    background:  #347256;
    padding: 20px;
    text-align: right;
    margin: 20px 0px;
    color: #FFF;
}

.cart-image{
    cursor: pointer;
}

header .search form .form-item-search-block-form, header .search form #edit-actions--2{
    float: left;
}

.leaf a .circle:first-child{
    display: none !important;
}
.primary-colorBTN , .primary-colorBTN:hover{
    background: #00426b;
    border-radius: 0px;
    color: #FFF !important;
    border-color: #00426b;
    font-family: Montserrat,sans-serif;
}

.secondary-colorBTN , .secondary-colorBTN:hover{
    background: #347258;
    border-radius: 0px;
    color: #FFF !important;
    border-color: #347258;
    font-family: Montserrat,sans-serif;
}

.LightGreen{
    background: #2eab80 !important;
}

#user-login label,
#user-register-form label{
    margin-bottom: 0px;
    margin-top: 10px;
}

#user-login #edit-submit ,
#user-register-form #edit-submit{
    width: 495px;
    background: #347258;
    padding: 7px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 20px;
}


/*Paper finder form*/
#views-exposed-form-product-display-page{
    display: none;
}

#productListing .item-list{
    /* display: none; */
}

.pagination .item-list , .block-facetapi .item-list{
    display: block;
}




/** Pager Theming */
.pager {
    float: right;
}
.pager li{
    float: left;
    list-style: none;
    padding: 10px 15px;
    margin: 10px;
    background: #347258;
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
}
.pager li.pager-current{
    background: #00426b;
}
.pager li a{
    color: #FFF;
}

.pager li a:hover{
    text-decoration: none;
}

/** Alert */
#alert {
    margin-top: 6em;
}


ul.facetapi-facetapi-links li.active.leaf{
    font-weight: bolder;
    text-decoration: underline;
}


/*Checkout Modal Theming*/
@media (min-width: 576px){
    .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}

#preheader {
    position: fixed;
    top: 0;
    z-index: 100;
}


#ViewerModal .printBTN{
    background: #347258;
    color: #FFF;
    padding: 3px 10px;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: -5px 12px 17px -9px rgba(2,48,25,0.66);
    -moz-box-shadow: -5px 12px 17px -9px rgba(2,48,25,0.66);
    box-shadow: -5px 12px 17px -9px rgba(2,48,25,0.66);
    cursor: pointer;
}

#cuttingModal .printBTN{
    border: none;
    background-color: #00426b;
    color: #fff;
    font-size: 1.3em;
    padding: 10px 8%;
    margin-bottom: 50px;
    cursor: pointer;
}


/********************************************
 *  Cart items in the menu item
 *******************************************/
/*Putting the Shopping Cart Teaser on the right*/
.rowWithContainer{
    position:relative;
}
.rowWithContainer .menu{
    margin-right:60px;
}
#cart{
    position: absolute;
    right: 0;
    z-index:999;
    cursor: pointer;
}
#block-dc-ajax-add-cart-ajax-shopping-cart-teaser{
    padding:0px;
}

/*Aligning Shopping Cart image*/
.cart-image img{
    display: block;
    margin-top: 8px;
}
/*
.cart-product-quantity{
    position: relative;
    width: 20px;
    height: 20px;
} */

.cart-product-quantity a.quantity{
    font-size: 13px;
    padding: 2px 5px;
    display: inline-block;
    margin-left: -15px;
    margin-top: -10px;

    /*Badge Settings*/
    background-color: #dc3545;
    border-radius: 10rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;

    /* position: absolute; */

}

.cart-product-quantity a.quantity:hover{
    color: #FFF !important;
}






/************************************************
 *      Custom Checkout and Cart Pages
 ************************************************/
 .pw-pane , #commerce-checkout-form-checkout , #commerce-checkout-form-review{
    font-family: 'Montserrat', sans-serif;
 }

.form-item-commerce-payment-payment-details-credit-card-number label{
    margin-bottom: 0px;
}
.form-item-commerce-payment-payment-details-credit-card-code label{
    margin-right: 4px;
    float: left;
}

#commerce-checkout-form-checkout label{
    margin-bottom: 0px !important;
    margin-top: 12px;
}

.pw-pane .pane-header ,
#commerce-checkout-form-checkout .pane-header ,
#commerce-checkout-form-review .pane-header
{
    width: 367px;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 20px;
    background-color: #00426b;
    border-radius: 0;
    text-align: center;
    font-size: 1.4em;
    padding: 12px 0;
    border: none;
    color: #fff;
    line-height: normal;
}

.pw-pane .pane-body table  ,
#commerce-checkout-form-checkout table  ,
#commerce-checkout-form-review  table
{
    width: 100%;
}

.pw-pane .pane-body thead ,
.pw-pane .pane-body tfoot ,
#commerce-checkout-form-checkout thead ,
#commerce-checkout-form-checkout tfoot ,
#commerce-checkout-form-review  #cart_content thead ,
#commerce-checkout-form-review #cart_content tfoot{
    background-color: #00426b;
    color: #FFF;
}


.pw-pane .pane-body thead th,
.pw-pane .pane-body tfoot th ,
#commerce-checkout-form-checkout thead th ,
#commerce-checkout-form-checkout tfoot th ,
#commerce-checkout-form-review #cart_content thead th,
#commerce-checkout-form-review #cart_content tfoot th {
    padding-top: 20px;
    padding-bottom: 16px;
    text-align: center;
}
.pw-pane .pane-body tbody tr ,
#commerce-checkout-form-checkout tbody tr ,
#commerce-checkout-form-review #cart_content tbody tr , {
  -webkit-transition:0.25s ease-out;
  -moz-transition:0.25s ease-out;
  -o-transition:0.25s ease-out;
  transition:0.25s ease-out;
}
.pw-pane .pane-body tbody tr:nth-child(even) ,
#commerce-checkout-form-checkout tbody tr:nth-child(even) ,
#commerce-checkout-form-review #cart_content tbody tr:nth-child(even)
{
    background: #f2eeeb;

}

.pw-pane .pane-body tbody tr:hover ,
#commerce-checkout-form-checkout tbody tr:hover ,
#commerce-checkout-form-review #cart_content tbody tr:hover
{
    transform: scale(1.05);
    background: #cccccc;
}

.pw-pane .pane-body tbody td ,
#commerce-checkout-form-checkout tbody td ,
#commerce-checkout-form-review #cart_content tbody td
{
    vertical-align: top;
    padding-top: 40px;
    padding-bottom: 27px;
    text-align: center;
}
.pw-pane .pane-body tbody td:nth-child(1),
#commerce-checkout-form-checkout  tbody td:nth-child(1),
#commerce-checkout-form-review #cart_content tbody td:nth-child(1)
{
    text-align: left;
    /* padding-left: 20px; */
    width: 70%;
}

.pw-pane .pane-body tbody td .input,
#commerce-checkout-form-checkout  tbody td .input ,
#commerce-checkout-form-review #cart_content tbody td .input {
    width: 70%;
    float: left;
    text-align: right;
    padding-top: 2px;
}
.pw-pane .pane-body tbody td .q_control{
    display: inline-block;
    width: 30%;
    padding-left: 5px;
}
.pw-pane .pane-body tbody td .q_control button{
    padding: 0px;
    height: 10px;
    margin: 0px;
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    color: #aaaaaa;
}

.pw-pane .pane-body tbody td button.close  ,
#commerce-checkout-form-checkout tbody td button.close  ,
#commerce-checkout-form-review #cart_content tbody td button.close{
    background: #ded9d5;
    color: #FFF;
    padding: 1px 6px;
    border-radius: 20px;
    float: left;
    margin: 20px;
}
.pw-pane .pane-body tbody td img ,
#commerce-checkout-form-checkout tbody td img ,
#commerce-checkout-form-review #cart_content tbody td img
{
    width: 70px;
    height: 70px;
    vertical-align: middle;
}

.pw-pane .pane-body tbody td .specs ul,
#commerce-checkout-form-checkout tbody td .specs ul,
#commerce-checkout-form-review #cart_content tbody td .specs ul
{
    color: #04653f;
    margin: 0px 25px;
}


.pw-pane .pane-body tbody td .specs a,
#commerce-checkout-form-checkout tbody td .specs a ,
#commerce-checkout-form-review #cart_content tbody td .specs a{
    color: #04653f;
    text-decoration: underline;
    text-transform: uppercase;
    margin-left: 25px;
}


.pw-pane .pane-body tbody td input {
    text-align: center;
    color: #a5a5a5;
}

#commerce-checkout-form-checkout , #commerce-checkout-form-review{
    background: #f7f4ef;
    border-top: 7px solid #00426b;
    border-bottom: 7px solid #00426b;
    padding-top: 4.41%;
    padding-left: 4.41%;
    padding-right: 4.41%;
}


.pw-pane .pane-body , .pw-pane .pane-footer{
    background: #f7f4ef;
}
.pw-pane .pane-body{
    border-top: 7px solid #00426b;
    border-bottom: 7px solid #00426b;
    padding-top: 4.41%;
    padding-left: 4.41%;
    padding-right: 4.41%;
}

.pw-pane .pane-footer{
    padding: 4.41% 0px;
    text-align: right;
}

.pw-pane .pane-footer button{
    text-transform: uppercase;
    background-color: #347258;
    border: none;
    border-radius: 0;
    font-size: 1.35em;
    letter-spacing: .5px;
    padding: 10px 50px;
    display: inline-block;
}

.pw-pane .pane-footer button.btn-danger{
    text-transform: uppercase;
    background-color: #dc3545;
    border: none;
    border-radius: 0;
    font-size: 1.35em;
    letter-spacing: .5px;
    padding: 10px 50px;
    display: inline-block;
}


.pw-pane .customCutReturns{
    color: #a61c20;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20.8px;
    font-size: 1.3rem;
    letter-spacing: .5px;
    margin-top: 50px;
}

/** Hide Original Update cart and checkout buttons */
.pw-pane .pane-body #edit-actions{
    display: none;
}


#ViewerModal .viewer{
    margin: 0px auto;
    border: 1px solid rgb(0, 0, 0);
    position: relative;
    height: 800px;
}



/** Override the default css for the checkout page */
#commerce-checkout-form-checkout fieldset ,
#commerce-checkout-form-review  fieldset {
    padding: 30px 15px;
}

#commerce-checkout-form-checkout fieldset legend ,
#commerce-checkout-form-review  fieldset legend {
    position: absolute;
    text-transform: uppercase;
    width: auto;
}

#commerce-checkout-form-checkout fieldset .fieldset-wrapper {
    margin-top: 50px;
}

#commerce-checkout-form-checkout #edit-account ,
#commerce-checkout-form-checkout #payment_row ,
#commerce-checkout-form-review  #edit-account ,
#commerce-checkout-form-review  #edit-account
{
    background-color: #f2eeeb;
}


#edit-account label{
    margin-bottom: 0px !important;
    margin-top: 10px;
}

#commerce-checkout-form-checkout #RegisterBTN{
    background: #347258;
    width: 100%;
    padding: 4px 0px;
    color: #FFF;
    border: 0px;
    text-transform: uppercase;
    cursor: pointer;
}

#commerce-checkout-form-checkout #LoginTitle{
    position: absolute;
    text-transform: uppercase;
    top: -55px;
    font-size: 1.5rem;
}

#commerce-checkout-form-checkout #signinCheckout{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper input[type="text"],
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper select ,
#commerce-checkout-form-checkout #customer-profile-shipping-ajax-wrapper .form-item ,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper input[type="text"] ,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper select ,
#commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper .form-item
{
    width: 100%;
}

/* .form-item.form-type-checkbox.form-item-customer-profile-billing-commerce-customer-profile-copy{
    height: 36px;
    overflow: hidden;
} */

/* #edit-customer-profile-billing-commerce-customer-profile-copy{
    float: left;
    width: 10% !important;
}

#commerce-checkout-form-checkout .form-item-customer-profile-billing-commerce-customer-profile-copy label{
    float: right;
    width: 93%;
    margin-top: -24px;

}

#edit-customer-profile-billing-commerce-customer-profile-copy--4{
	float: left;
    width: 7% !important;
}
 */

/** About Paper Weights Table */
#AboutPaperWeights tbody th{
	background: #347255;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
}
#AboutPaperWeights tbody td{
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
#AboutPaperWeights tbody tr td:last-child{
	text-align: left;
}

#AboutPaperWeights tbody tr.odd{
	background: #ccc;
}


#commerce-checkout-form-checkout .form-item-commerce-payment-payment-details-credit-card-code label{
    float: left;
    margin-right: 20px;

}

#commerce-checkout-form-checkout #edit-commerce-payment-payment-details-credit-card-code{
    float: left;
    margin-right: 20px;
    margin-top: -5px;
}


#commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper{
    margin-top: 0px;
}

#commerce-checkout-form-checkout #edit-buttons #edit-continue ,
#edit-commerce-coupon-coupon-add ,
#edit-customer-profile-shipping-edit-button ,
#edit-customer-profile-billing-edit-button ,
#edit-customer-profile-shipping-cancel-button,
#edit-customer-profile-billing-cancel-button{
    background: #347258;
    padding: 4px 25px;
    color: #FFF;
    border: 0px;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    width: auto !important;
}

/* .form-item.form-type-select.form-item-customer-profile-shipping-profile-selection{
    padding-top: 56px;
}
 */
/**  Custom Checkbox for the Shopping Cart */
tbody tr .checkbox{
    margin-top: 55%;
}

tr .checkbox{
    margin-top: 40%;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


.willRemove{
    background-color: #ffcccc !important;
}
/** End Custom Checkbox for the Shopping Cart */


/**Fixing One Column for the filters in the paper finder */
#mainListingContent .filterContainer .colorFilter ul{
    columns:1;
    -webkit-columns:1;
    -moz-columns:1;
}





/** Review Order Page Starts */

/*Hide Original content*/
#commerce-checkout-form-review #edit-checkout-review ,
#commerce-checkout-form-review #edit-buttons
{
    display: none;
}
#commerce-checkout-form-review #reviewOverride .row.information{
    background: #f2eeeb;
}
#commerce-checkout-form-review #reviewOverride legend{
    margin-top: 35px;
}
#commerce-checkout-form-review #reviewOverride legend span
{
    text-transform: uppercase;
}

#commerce-checkout-form-review #reviewOverride legend a{
    font-size: 0.7em;
    margin-left: 20px;
    text-decoration: underline;
    color: #396787;
}

#commerce-checkout-form-review #reviewOverride .row.submit{
    margin-top: 35px;
    margin-bottom: 35px;
}

#commerce-checkout-form-review #reviewOverride .row.submit a{
    margin-bottom: 12px;
}
#commerce-checkout-form-review #reviewOverride .row.submit button{
    background: #337257;
    color: #FFF;
    border-radius: 0px;
    text-transform: uppercase;
}

#edit-commerce-payment {
    padding: 0px !important;
}

#edit-commerce-payment .fieldset-legend{
    display: none;
}

/** Review Order Page Ends */



#filterSKU{
    border: none;
    background-color: #f7f5f3;
    height: 37px;
    border-radius: 20px 0 0 20px;
    text-align: right;
    padding-right: 16px;
    padding-right: 1rem;
    margin-top: 0;
    display: block;
    float: left;
    margin-right: 5px;
    width: 170px;
}
#filterSKUSubmit{
    border: none !important;
    background-color: #000 !important;
    height: 37px !important;
    display: inline-block !important;
    border-radius: 0 20px 20px 0 !important;
    margin-left: 0px !important;
    width: 40px !important;
    cursor: pointer !important;
    margin-top: 0px !important;
    padding-left: 8px !important;
}
#filterSKUSubmit i{
    color: #FFF;
}






/** Complete Order Message */
#edit-checkout-completion-message .fieldset-legend{
    display: none;
}


.form-item-customer-profile-shipping-commerce-customer-profile-copy{
    visibility: hidden;
}



/** Edit Account Settings */
#AccountSettings #edit-submit{
    display: none;
}



/** Top Cart Settings */
.cart-product-total{
    margin-right:0px !important;
}



/** Join Newsletter Formatting */
#edit-commerce-fieldgroup-pane-group-order-comments-field-join-our-news-letter-und-0{
    padding: 0px !important;
}
#edit-commerce-fieldgroup-pane-group-order-comments-field-join-our-news-letter-und-0 legend{
    display: none !important;
}

#edit-commerce-fieldgroup-pane-group-order-comments-field-join-our-news-letter-und-0 .fieldset-wrapper{
    margin-top: 0px !important;
}


#emptyPaperFinder:hover{
    text-decoration: none;
}

.commerce_fieldgroup_pane__group_ups_user_account.form-wrapper .form-text{
    width:100%;
}




/** md and smaller */
@media(max-width:768px){

    #site-map{
        column-count: 2;
    }

    .product{
        margin: 0 auto 46px;
    }

    #preheader ul.menu li , #block-dc-ajax-add-cart-ajax-shopping-cart-teaser{
        display: block;
        width: 100%;
        text-align: left;
        font-size: 20px;
    }

    #edit-cart-contents span.fieldset-legend{
        font-size: 1rem;
    }

    #cartTable{
        display: none !important;
    }

}
/** md and larger */
@media(min-width:768px){
    #customer-profile-shipping-ajax-wrapper,
    #customer-profile-billing-ajax-wrapper{
        width: 50%;
        float: left;
    }

    #cartDiv{
        display: none !important;
    }
}


/*Large and xLarge*/
@media (min-width:992px) {

    #commerce-checkout-form-checkout .pane-footer{
        margin-top: 115px;
    }


}


/* Paper Weight Progress Bar Starts  */

.progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  box-shadow: none;
  position: relative;
}
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress .progress-left {
  left: 0;
}
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #ffb43e;
}

.progress .progress-bar.green{
    border-color: #5fb075;
}

.progress .progress-bar.pink{
    border-color: #ffcfcf;
}



.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress .progress-value {
  width:100%;
  display: flex;
  border-radius: 50%;
  font-size: 36px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}
.progress .progress-value div {
  margin-top: 10px;
}
.progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

.progress .progress-value span.weight_label {
  margin-bottom: -10px;
  display: block;
}
/* This for loop creates the 	necessary css animation names
 Due to the split circle of progress-left and progress right, we must use the animations on each side.
 */
.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}
.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}
.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}
.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}
.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}
.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
.progress {
  margin-bottom: 1em;
}


/* Paper weight progress bar ends */

.greenbtn{
	background-color: #347258;
    border: none;
    border-radius: 0;
    font-size: 1.35em;
    letter-spacing: 0.5px;
    padding: 10px;
}

@media(max-width:767px){
    #alert {
        margin-top: 3em;
    }
}

/* Only lg  */
@media (max-width:1229px) and (min-width:992px) {
    header{
        margin-top: 6.5em;
    }
    #preheader ul.menu{
        float: left;
    }
    #alert {
        margin-top: 8em;
    }
}

#mainNav .dropdownContainer li a.holiday,
#mainNav .dropdownContainer li a.currentDeals {
  color: #ed1c24 !important;
  font-weight: bold;
}

#mainNav .dropdownContainer li a.holiday:hover,
#mainNav .dropdownContainer li a.holiday:focus,
#mainNav .dropdownContainer li a.holiday:active,
#mainNav .dropdownContainer li a.currentDeals:hover,
#mainNav .dropdownContainer li a.currentDeals:focus,
#mainNav .dropdownContainer li a.currentDeals:active {
  font-weight: bold;
}

/* capitalize sidebar filter links */
.millFilter a {
  text-transform: capitalize;
}

/* Remove duplicate error messages on checkout*/
.commerce_shipping .messages.error li:first-child{
  display: block;
}

.commerce_shipping .messages.error li{
  display: none;
}

/* Style Paper Finder Show More Link */
.facetapi-limit-link {
  color:#00426b;
  text-transform: capitalize;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  margin: -15px 0 22px 0;
  display: block;
  text-decoration: underline;
}

.mainPrice.noVolumePrice {
  border-right: 0 !important;
  display: flex;
  align-items: baseline;
}

.mainPrice.noVolumePrice p {
  margin-right: 15px;
}

/* Add Closeout to Cart Btn */
.addCloseoutToCart {
  background-color: #347258;
  color: #fff;
  padding: 10px 0;
  display: inline-block;
  text-align: center;
  width: 71.35%;
  font-size: 1.35em;
}

.addCloseoutToCart:hover,
.addCloseoutToCart:active {
  background-color: rgba(52, 114, 88, 0.9);
  color: #fff;
  outline: 1px solid #347258;
}

/* Hide wide format section */
/*.wideFormatNav,
.nav-item.wideTab {
  display: none;
}

#mainNav .envelopeNav,
#homeTabs .envTab {
  margin-right: 0;
}

#mainNav ul li {
  width: 49.75%;
}

@media only screen and (max-width: 1230px) {
  #homeTabs .nav-tabs a {
    padding: 0 !important;
  }

  #homeTabs .nav-tabs li {
    padding: 10.5px 0 !important;
  }
}

@media only screen and (max-width: 767.98px) {
  #mainNav ul .mainEnvelopeNav,
  #mainNav ul .mainWideFormatNav {
    height: auto !important;
    padding-top: 11px !important;
  }

  #mainNav ul .mainPaperNav i {
    margin-top: 4px !important;
    padding-left: 6px !important;
  }
}

@media only screen and (max-width: 550px) {
  #mainNav ul li {
    width: 100%;
    margin-right: 0;
  }

  #homeTabs .nav-tabs a {
    font-size: 14px !important;
  }

  #homeTabs .nav-tabs .active {
    margin-bottom: 20px;
  }
}*/

@media only screen and (max-width: 768px) {
  #mainNav .dropdownWideContainer,
  #mainNav .dropdownEnvContainer,
  #mainNav .dropdownPaperContainer {
    min-height: 360px;
  }
}

#wide-tab-panel.tab-pane ul {
  columns: 1;
  -webkit-columns: 1;
    -moz-columns: 1;
}

.dropdownWideColor {
  padding-bottom: 30px;
}

/* Featured Product */
.featured-deal {
  border: 2px solid #347258;
  margin: 25px 0px;
  padding: 25px;
}

.featured-deal h2 {
  text-align: center;
  margin-bottom: 18px;
}

@media only screen and (min-width: 745px) {
  .featured-deal__container {
    display: flex;
  }
}

.featured-deal__price {
  display: flex;
}

.featured-deal__price span {
  font-weight: bold;
}

@media only screen and (min-width: 745px) {
  .featured-deal__image {
    margin-right: 25px;

    a {
      width: 100%;
    }
  }
}

@media only screen and (max-width: 744px) {
  .featured-deal__image {
    a {
      width: 100%;
    }

    img {
      margin: 0 auto;
      display: block;
    }
  }
}

.featured-deal .field-content a {
  color: #347258;
  font-size: 20px;
}

.featured-deal .btn {
  margin-top: 15px;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 20px;
  letter-spacing: .5px;
  padding: 10px 50px;
}

.featured-deal .btn:hover {
  background-color: #347258;
  text-decoration: underline;
}

/*other brands*/
.other-brands-slider .relatedProduct {
  border: 1px solid #bcbcbc;
  background-color: #fbf9f7;
}

#otherBrands-controls {
    list-style: none;
    position: absolute;
    width: 100%;
    height: 350px;
    padding: 0 5px;
    top: 0;
    z-index: 0;
}

#otherBrands-controls .prev,
#otherBrands-controls .next {
    color: #baafa5;
    cursor: pointer;
    font-size: 2.25em;
}

@media only screen and (min-width: 745px) {
  #otherBrands-controls .prev,
  #otherBrands-controls .next {
    margin-top: 80px;
  }
}


#otherBrands-controls .prev:hover,
#otherBrands-controls .next:hover {
  color: #000;
}

.relatedProducts .relatedProduct {
  min-height: 500px;
}

.paperfinder-catTitle .small {
  margin-left: 8px;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
}

.paperfinder-catTitle {
  color: #347258;
}

.paperfinder-catDesc {
  margin-bottom: 2rem;
  font-size: 14px;
}

.paper-finder-about h3 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
  border-bottom: 1px solid #9b9b9b;
  margin-bottom: 1.25em;
  padding-bottom: 2px;
  font-weight: 500;
}

.cp-converter {
  color: #ed1c24;
}

.stock-notification {
  margin: 1rem 0;
  padding: 1rem;
  background-color: #f7f4ef;
  border: 2px solid #baafa5;
  border-radius: 6px;
}

.stock-notification h2 {
  font-size: 19px !important;
}

.stock-notification label {
  margin: 25px 0px 0px;
}

.stock-notification input {
  font-size: 16px;
  margin-bottom: 1rem;
  padding: 8px 16px;
  width: 100%;
}

.stock-notification input[type="submit"] {
  border: 0;
  background-color: #347258;
  color: #fff;
  padding: .5em 1em;
  cursor: pointer;
}

.stock-notification input[type="submit"]:hover {
  opacity: 0.9;
}

.stock-notification .captcha {
  margin-bottom: 16px;
}

.notifyButton {
  color: #fff;
  background-color: #347258;
}

.notifyButton:hover {
  color: #fff;
  text-decoration: underline;
}

#edit-search-block-form--2 {
  border: 1px solid #c2c2c2;
}

#edit-search-block-form--2::placeholder {
  text-transform: none;
}

#mainNav ul li a.mainPaperNav,
#mainNav ul li a.mainEnvelopeNav,
#mainNav ul li a.mainWideFormatNav {
  transition: all 0.15s ease;
}

#mainNav ul li a.mainPaperNav:hover {
  transition: all 0.15s ease;
  background-color: rgba(0,66,107, .2);
  border-top: 1px solid #00426b;
  border-left: 1px solid #00426b;
  border-right: 1px solid #00426b;
  color: #00426b;
}

#mainNav ul li a.mainEnvelopeNav:hover {
  transition: all 0.15s ease;
  background-color: rgba(0,0,0, .2);
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  color: #000;
}

#mainNav ul li a.mainWideFormatNav:hover {
  transition: all 0.15s ease;
  background-color: rgba(52,114,88, .1);
  border-top: 1px solid #347258;
  border-left: 1px solid #347258;
  border-right: 1px solid #347258;
  color: #347258;
}

.mb-4 #commerce-checkout-form-review a {
  margin-left: 0px !important;
}

.pw-pane .pane-body tbody td a.close,
#commerce-checkout-form-checkout tbody td a.close,
#commerce-checkout-form-review #cart_content tbody td a.close {
  background: #ded9d5;
  color: #FFF;
  padding: 1px 6px;
  border-radius: 20px;
  float: left;
  margin: 20px;
}

/* Review Captcha */
#reviewOverride {
  background-color: #f2eeeb;
}

#reviewOverride .captcha {
  position: absolute;
  margin-top: -140px;
}

@media only screen and (max-width: 768px) {
  #reviewOverride .captcha {
    position: absolute;
    margin-top: -240px;
  }

  #reviewOverride .row.submit {
    padding-top: 100px;
  }
}