/*********** FOOTER ***********/

#top-button {
    position: fixed;
    bottom: 100px;
    right: 23px;
    height: 50px;
    width: 50px;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
    display: none;
    overflow: hidden;
    border-radius: 25px;
}

#top-button img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 8px 10px 12px;
}

#top-button.top { display: block; }

                                                                            /* CONTACT FOOTER */

#contact-footer-wrapper {
    background: #3b4045;
    border-top: 2px solid #999;
    color: #fff;
    width: 100%;
}

#contact-footer {
    height: 200px;
    max-width: 1200px;
    margin: 0 auto;
    background-image: url(../images/call-us-icon.png);
    background-repeat: no-repeat;
    background-position-y: center;
    text-align: left;
    padding-left: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#contact-footer h4 {
    color: white;
    font-size: 35px;
    letter-spacing: -2px;
    font-weight: 100;
}

#contact-footer span {
    font-size: 14px;
    margin-bottom: 15px;
}

#contact-footer a {
    display: block;
    font-size: 20px;
}

div#tp-widget-wrapper {
    display: flex!important;
}
.trustpilot-widget {
    margin-left: -10px;
}

                                                                            /* FOOTER */

.footer {
    background-color: #E95720;
    text-align: center;
}

.footer-upper {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0 0 0;
    font-size: 0;
    display: flex;
}
.footer-upper .footer-block {
    display: inline-block;
    margin: 1px auto;
    text-align: left;
    font-size: 14px; /*reset zeroing*/
    width: 24%;
    max-width: 260px;
}

.footer-upper .footer-block .footer-title {
    padding: 0px 0px 10px;
}

.footer-upper .footer-block .footer-title strong {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.footer-upper .footer-block .list {
    float: left;
    width: 396px;
    margin: 0 0 20px;
    font-size: 12px;
    color: #f0f0f0;
}

.footer-upper .footer-block .list li {
    text-transform: uppercase;
}

.footer-upper .footer-block.address .list li {
    text-transform: none;
}

.footer-upper .footer-block.my-account .list {
    margin-bottom: 0px;
}

.footer-upper .footer-block .list a {
    line-height: 20px;
    color: #fff;
}

.footer-upper .footer-block .list a:hover {
    text-decoration: underline;
}

.footer-upper .footer-block .list li.mobile-no a {
    cursor: default;
    text-decoration: none;
}

.footer-upper .footer-block .list li.mobile-no a:hover {
    color: #fff;
}

.footer-upper .footer-block.ciphe
{
    height: auto;
    display: inline-block;
    margin: 1px auto;
    text-align: left;
    font-size: 14px;
    width: 25%;
    display: flex;
    width: 100%;
    justify-content: space-around;
}


.footer-upper .footer-block.ciphe a {
    padding: 0px 0px 10px;
    display: block;
    /*position: relative;*/
    z-index: 0;
    width: 100%;
    font-size: 0;
    background-size: contain;
    height: 100px;
}

.footer-upper .footer-block.ciphe a.ciphe {
    padding: 0px 0px 10px;
    display: block;
    /*position: relative;*/
    z-index: 0;
    width: 100%;
    font-size: 0;
    background: url(/Themes/QETTLE-IE/Content/images/ciphe-logo.png) 0 0 no-repeat;
    /* margin-left: 40px; */
    background-size: contain;
    height: 100px;
}

.footer-upper .footer-block.ciphe a.bku-2025 {
    padding: 0px 0px 10px;
    display: block;
    /*position: relative;*/
    z-index: 0;
    width: 100%;
    font-size: 0;
    background: url(/Themes/QETTLE-IE/Content/images/BKU-Proud-Finalists-2025.png) 0 0 no-repeat;
    /* margin-left: 40px; */
    background-size: contain;
}

.footer-lower {
    text-align: center;
}

.footer .footer-upper-first .footer-block {
    color: #fff;
}

.follow-us {
    width: 100%;
    padding-bottom: 40px;
}

.follow-us ul {
    margin: 0 auto;
    font-size: 0;
}

.follow-us ul li {
    display: inline-block;
    margin: 0 10px;
    background-color: transparent;
    text-indent: 0;
    color: #fff;
    border-radius: 0;
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 46px;
}

.follow-us ul li a {
    width: 40px;
    height: 40px;
    font-size: 0;
    display: block;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.follow-us ul li.facebook { width: 16px; }
.follow-us ul li.facebook a { background: url('/Themes/QETTLE-IE/Content/images/facebook-white-100.png') 0 0 no-repeat; background-size: contain; }
.follow-us ul li.instagram a { background: url('/Themes/QETTLE-IE/Content/images/instagram-white-100x100.png') 0 0 no-repeat; background-size: contain; }
.follow-us ul li.youtube a { background: url('/Themes/QETTLE-IE/Content/images/youtube-white-100x100.png') 0 0 no-repeat; background-size: contain; }
.follow-us ul li.pinterest a { background: url('/Themes/QETTLE-IE/Content/images/pinterest-white-100x100.png') 0 0 no-repeat; background-size: contain; }

.follow-us ul li a:hover { opacity: 0.5; }

.footer-lower {
    margin: auto;
    overflow: hidden;
    padding: 35px 0;
    font-size: 10px;
    font-weight: 600;
    color: #f0f0f0;
    width: 100%;
}

.footer-lower .copyright {
    margin: 0 auto;
    padding: 0 40px;
    width: auto;
    text-align: center;
}

.footer-powered-by {
    margin: 20px 0 20px 0;
}

.footer-powered-by a {
    font-weight: 600;
    text-transform: uppercase;
    color:#f0f0f0;
}

.footer-powered-by a:hover {
    text-decoration: underline;
}

.footer-block.about-us {
    margin-bottom: 25px;
}

.footer-block.about-us .topic-block {
    margin-bottom: 0px;
}

.footer-block.about-us .topic-block-title {
    margin: 0px 0 15px 0;
    border-bottom: 0px;
    min-height: unset;
    padding: 0px;
}

.footer-block.about-us .topic-block-title h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: left;
    font-family: 'Open Sans';
}

.footer-block.about-us .topic-block-body {
    max-height: 65px;
    overflow: hidden;
}

.footer-block.about-us .topic-block-body p,
.footer-block.about-us .topic-block-body {
    font-size: 13px;
    color: #fff;
    margin: 0px;
}


.footer-block .comm-container p.comm-text{
    font-size: 12px;
}

.footer-block p{
    color: #fff;
}

.footer-block .comm-container{
    /* background: #66717c86; */
    padding: 15px 30px;
    max-width: 280px;
    margin-left: 30px;
}

/* .footer-block.comm{
    border-left: 1px thin rgba(102, 102, 102, 0.726);
} */

.footer-block img.retailersImg{width: 100%; max-width: unset; margin-top: 5px;} 




@media all and (max-width: 1240px) {
    #contact-footer { margin: 0 20px; }
}

@media screen and (max-width:1000px) {
    .footer-block .title strong {
        font-size: 12px; 
    }

    .footer-block .list {
        font-size: 12px; 
    }

    .footer-disclaimer {
        font-size: 11px;
    }

    .footer-powered-by {
        font-size: 11px;
    }
}

@media screen and (max-width:767px) {
    .footer-upper {
        margin: 0 20px;
    }
    
    .footer-upper .footer-block {
        font-size: 9px; 
        max-width: none;
        width: 50%;
        width: calc(50% - 75px);
    }

    /*.footer-upper .footer-block.ciphe {
        max-width: 100px;
    }*/

    .footer-block.address {
        display: none;
    }

    .footer-block .title strong {
        font-size: 9px; 
    }

    .footer-block .list {
        font-size: 9px; 
    }

    .footer-disclaimer {
        font-size: 8px;
    }

    .footer-powered-by {
        font-size: 8px;
    }

    #l2snlayer {
        bottom: 70px!important;
    }

    #l2snlayer_head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-image: url(https://www.live2support.com/cpn/assets/img/big/3.png?v=10);
        background-size: 41px;
        background-repeat: no-repeat;
        background-position: 9px 9px;
    }
    .l2snlayer_animated.slideInUp #l2snlayer_head{background-size: 30px; background-position:9px 7px;} 
    #l2snlayer_head img.l2s_logo{display: none!important; }
    
    #l2slyrstatus {padding-left: 50px!important;}
}

@media all and (max-width: 600px) {
    #contact-footer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; }
}

@media screen and (max-width:526px) {
    .footer-upper .footer-block {width: calc(100% - 156px)}
    .footer-block.information, .footer-block.customer-service {
        float: left;}
    .footer-upper .footer-block .footer-title {
        padding: 0px 0px;
    }
    .footer-upper .footer-block.retailers {
        display: none;
    }
}
@media screen and (max-width:395px) {
    .footer-upper .footer-block {   width: calc(100% - 148px);}
    .footer-upper .footer-block.ciphe a {margin: unset;}
}

@media screen and (min-width:341px) and (max-width:345px) {
    .footer-upper .footer-block .footer-title {
        padding: 0px 4px 10px;
    }
}


@media screen and (max-width:344px) {
    .footer-upper .footer-block {    width: calc(100% - 120px);}
    .footer-upper .footer-block.ciphe a {margin: unset;}
}