/*========================================================
 * Header Styles for Customer Service Page - Edit to taste
 *======================================================== */
.alt h2, .alt .h2 {
    font-weight:bold;
}
.alt h3, .alt .h3 {
    line-height:26px;
}
.alt span.red {
    color: #ff0000;
    font-weight:bold;
    font-style:italic;
}
.alt span.ul {
    text-decoration: underline;
}

/*==================================================*/
/*.secondary-block .overlay{
    width: 55%;
    padding : 0.5em;
}
.secondary-block .overlay li{
    line-height : 18px;
    font-size : 15px;
}*/
@media (min-width:768px) and (max-width:1199px){
    .secondary-block .overlay{
        width: auto;
    }
}
@media (max-width: 560px) and (min-width: 480px){
    .secondary-block .overlay{
        width: 63%;
    }
    .secondary-block .overlay h1{
        margin-bottom : 0;
    }
    .secondary-block .overlay ul li{
        line-height : 1.3;
    }
}
@media (max-width: 480px){
    .secondary-block .overlay{
        width: auto;
    }
}
@media (max-width: 46.9999em){
    body,
    html{
        font-family: 'Arial', sans-serif;
    }
    #main-nav ul > li:first-of-type > a{
        border-top: 1px solid #53394d;
    }
    #utility-nav li a{
        background: url('../img/chevron-right.png');
        background: url('../img/chevron-right.svg'),none;
        background-position: 95% 50%;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    #main-nav{
        height: auto;
    }
    #phone-menu li a,
    #utility-nav li a,
    #main-nav ul li a{
        color: #fff;
        border-bottom-color: #53394d;
    }
    #utility-nav > li:first-of-type{
        padding: 1em 2em;
        border-bottom: 1px solid #53394d;
    }
    #utility-nav li a.cart-link{
        background: #efc83f;
        color: #212121;
        text-align: center;
        border-bottom-color: transparent;
    }
    body{
        overflow-x: hidden;
    }
    #main-nav .cms_links a{
        border-bottom-color: transparent;
        color: #9e959c;
    }
    .video_link{
        text-indent: -999999px;
        display: inline-block;
        width: 15px;
        height: 10px;
        background: #bea2b8;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }
    .video_link:after{
        content: '';
        border: 4px solid transparent;
        border-right: 7px solid #bea2b8;
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -4px;
        margin-left: -7px;
        width: 0;
        height: 0;
    }
    .featured_wrapper > h3,
    .hero .overlay h1{
        font-family: 'Arial', sans-serif;
        font-size: 1.5em;
        line-height: 1.2;
    }
    .hero .overlay h1 em{
        font-weight: bold;
        font-style: italic;
        color: #fbec85;
    }
    .learn-more-link{
        display: block;
        text-decoration: none;
        font-size: 1.071em;
    }
    .learn-more-link span{
        text-decoration: underline;
    }
    .learn-more-link:after{
        content: '>';
        display: inline-block;
        position: relative;
        margin-left: 3px;
        top: 1px;
    }
    .hero img{
        max-width: 100%;
        max-height: 275px;
    }
    .hero .overlay{
        position: absolute;
    }
    /*.phone-menu-wrapper{
        padding: 15px;
    }*/
    #phone-menu{
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -moz-transition   : height 0.3s;
        -ms-transition    : height 0.3s;
        -o-transition     : height 0.3s;
        transition        : height 0.3s;
    }
    #phone-menu ul{
        display: none;
        list-style-type: none;
        margin: 0;
    }
    #phone-menu > ul{
        display: block;
    }
    #phone-menu ul li a.direct{
        font-weight: 700;
    }
    #phone-menu ul.active{
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #phone-menu ul li a{
        display: block;
        padding: .8em 1em;
        background-color: #3f2239;
        border-bottom: 4px solid #fff0c0;
        border-top: 4px solid #fff0c0;
        font-size: 1.15em;
    }
    #phone-menu li a.first,
    #phone-menu li a.second{
        background: #3f2239 url('../img/chevron-right.png');
        background: #3f2239 url('../img/chevron-right.svg'),none;
        background-position: 95% 50%;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    #phone-menu ul li a.back-first,
    #phone-menu ul li a.back-second {
        padding-left: 2.5em;
        background: #3f2239 url('../img/chevron-left.png');
        background: #3f2239 url('../img/chevron-left.svg'),none;
        background-position: 4% 50%;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    .featured_wrapper{
        padding: 0 15px;
    }
    .overlay ul a{
        text-decoration: underline;
    }
    .featured_wrapper > h3{
        margin-top: 0;
    }
    .overlay ul{
        margin-left: 15px;
    }
    .overlay > h1 a{
        background: url('../img/chevron-right.png');
        background: url('../img/chevron-right.svg'),none;
        background-position: 95% 60%;
        background-repeat: no-repeat;
        background-size: auto 50%;
        padding-right: 1.5em;
        font-size: 1.235em;
    }
    .secondary-block{
        -webkit-border-radius: 0;
        -moz-border-radius   : 0;
        border-radius        : 0;
    }
    .block-subscribe .overlay{
        background: #3f2239;
    }
    .block-subscribe button:focus,
    .block-subscribe button:active,
    .block-subscribe button:hover,
    .block-subscribe button{
        width: 100%;
        background: #efc83f;
        color: #212121;
        text-align: center;
        font-size: 1.250em;
        font-family: 'Arial', sans-serif;
        -webkit-border-radius: 0;
        -moz-border-radius   : 0;
        border-radius        : 0;
    }
    .youtube-mobile-link{
        display: inline-block !important;
    }
    .icons-facebook,
    .icon-google-plus,
    .icon-twitter,
    .icon-pinterest,
    .icons-youtube-square{
        font-size: 2.5em;
    }
    .icons-facebook{
        color: #395897;
    }
    span.icons-youtube-square{
        color: #cd332d;
    }
    ul.socials-links-wrapper{
        margin-left: 0;
    }
    .social-links{
        padding: 15px 0;
    }
    .social-links a:hover,
    .social-links a:focus,
    .social-links a:active{
        text-decoration: none;
    }
    .social-links a{
        margin-left: 0.3em;
    }
    .youtube-views{
        display: inline-block;
        width: 100px;
        font-family: 'Arial', sans-serif;
        line-height: 1.1;
        font-weight: bold;
        font-size: 0.95em;
        position: relative;
        top: -5px;
    }
    .footer-credibility{
        margin-bottom: 0;
    }
    .footer-credibility blockquote{
        border-left: 0;
        text-align: left;
        margin: 0;
        color: #5e5e5e;
        padding: 1em 0;
        border-bottom: 1px solid #d4d4d4;
    }
    .footer-credibility blockquote p:before,
    .footer-credibility blockquote p:after{
        content: '"';
    }
    .footer-credibility blockquote small{
        font-style: italic;
    }
    .footer-credibility img{
        margin: 0;
    }
    .socials-links-wrapper.visible-phone{
        border-bottom: 1px solid #d4d4d4;
        margin: 0;
        padding: 1em 0;
    }
    div.company-info,
    div.customer-service,
    div.visit-store,
    div.flat-shipping{
        float: none;
        margin: 0;
    }
    .visit-store > ul,
    .visit-store > h4{
        float: left;
        min-width: 51%;
    }
    .visit-store a.pull-left{
        float: right;
        padding: 1em 0 0;
    }
    .footer-links .cell h4{
        margin-bottom: 0.3em;
        font-family: 'Arial', sans-serif;
        color: #393939;
    }
    .footer-links a{
        color: #af53a0;
        text-decoration: underline;
        font-family: 'Arial', sans-serif;
    }
    .footer-cap {
        padding: 2em 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing   : border-box;
        box-sizing        : border-box;
    }
    .request-catalog .overlay{
        background: #efc83f;
        position: relative;
    }
    .request-catalog .overlay h1{
        float: right;
        width: 55%;
        font-size: 1em;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
    }
    .request-catalog .overlay a{
        color: #212121;
        background-image: url('../img/chevron-right-black.svg');
    }
    .overlay em{
        font-style: normal;
    }
}
.customer-service,
.visit-store{
    float: right;
    margin-left: -25%;
    margin-right: 25%;
}
.flat-shipping{
    float: right;
    margin-right: -50%;
}
.no-link,
.no-link:focus,
.no-link:active,
.no-link:hover{
    cursor : default;
    text-decoration : none;
    color : #ad53a0;
    padding: .5em 0 0 1em;
    font-weight: 700;
    display: block;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}
@media (max-width: 46.9999em){
    .no-link{
        font-weight : 400;
        cursor : pointer;
    }
    .no-link:focus,
    .no-link:active,
    .no-link:hover{
        text-decoration : underline;
        font-weight : 400;
        cursor : pointer;
    }
}
ul.messages,
.error-msg ul {
    list-style: none;
    margin: 0;
}
li.error-msg {
    padding: 10px 15px;
    background: #f2dede;
    color: #cd6d49;
}
li.error-msg li {
    line-height: 1.7;
}
@media (min-width: 47em){
    #main-nav>ul>li.column-5>ul>li{
        width: 20%;
    }
}