footer{
    background-color:#000;
    color:#fff;
    padding-top:2em;
    font-size:0.75rem;
}

footer .checkout-show{
    padding:2em 0
}

footer .checkout-show div.columns{
    margin-bottom:15px;
    padding-bottom:0
}

footer .checkout-show .CIM-logo img{
    max-width:35%
}

@media only screen and (min-width: 768px){
    footer .checkout-show .CIM-logo img{
        max-width:13%
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-show .CIM-logo img{
        max-width:13%
    }
}

footer .checkout-show .copyright{
    text-align:right;
    padding-top:1em
}

footer .checkout-show .inline-list ul{
    margin-top:0.5em;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    list-style-type:none
}

@media only screen and (min-width: 768px){
    footer .checkout-show .inline-list ul{
        justify-content:flex-end
    }
}

footer .checkout-show .inline-list ul li{
    display:inline-block
}

footer .checkout-show .inline-list ul li::before{
    content:"|";
    display:inline-block;
    font-weight:normal;
    opacity:0.2;
    padding:0 0.3rem 0 0.2rem
}

footer .checkout-show .inline-list ul li:first-child::before{
    display:none
}

footer .checkout-hide{
    max-width:991px
}

footer .checkout-hide div[class^='col-'],footer .checkout-hide div[class*='col-']{
    margin-bottom:15px;
    padding-bottom:0
}

@media only screen and (min-width: 768px){
    footer .checkout-hide div[class^='col-'],footer .checkout-hide div[class*='col-']{
        margin-bottom:30px
    }
}

footer .checkout-hide .CIM-logo{
    margin-bottom:0 !important;
    padding-bottom:0.3em !important
}

@media only screen and (min-width: 768px){
    footer .checkout-hide .CIM-logo{
        padding-top:0;text-align:left
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .CIM-logo{
        padding-top:1em
    }
}

footer .checkout-hide .CIM-logo img{
    max-width:33%;margin-left:4.5em
}

@media only screen and (min-width: 768px){
    footer .checkout-hide .CIM-logo img{
        max-width:22%;
        margin-left:6.5em
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .CIM-logo img{
        max-width:55%;
        margin-left:1em
    }
}

footer .checkout-hide .awards{
    padding-right:0.5em;
    margin-bottom:2em;
    text-align:center;
    display:flex;
    justify-content:center
}

@media only screen and (min-width: 768px){
    footer .checkout-hide .awards{
        display:block
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .awards{
        padding-right:0
    }
}

footer .checkout-hide .awards div{
    padding-right:0;
    padding-left:0
}

footer .checkout-hide .awards .row:first-child {
    float: right;
    padding-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    footer .checkout-hide .awards div:first-child{
        text-align:left
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .awards div:first-child{
        text-align:right
    }
}


footer .checkout-hide .awards div:last-child{
    text-align:left
}

footer .checkout-hide .awards div img.best-company{
    margin-right:0.3em;
    padding-right:0.3em;
    padding-top:0
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    footer .checkout-hide .awards div img.best-company{
        padding-top:0;
        width:2.3em
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .awards div img.best-company{
        padding-top:0;width:2.3em
    }
}

footer .checkout-hide .awards div img.top-50{
    width:12em !important
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .awards div img.top-50{
        width:12.5em !important
    }
}

/* Social icons */
footer .checkout-hide .social-icons ul{
    display: inline-flex;
    justify-content: space-evenly;
    margin-left:0;
    padding-left: 0;
    width: 100%;
}

footer .checkout-hide .social-right{
    width:100%;
}

footer .social-icons ul .icon {
    height: 2.5em;
    width: 2.5em;
    margin: 0 0.3em;
    padding:0;
    display: inline-block;
    fill: white;
    vertical-align: middle;
}


@media only screen and (min-width: 992px){
    footer .checkout-hide .social-right{
        padding-left: 0;
        padding-right: 0;
    }
    
    footer .checkout-hide .social-icons{
        float: right;
        margin-left:22px;
        margin-bottom:30px;
        padding-bottom:0;
    }
    
    footer .checkout-hide .social-icons ul li{
        padding:0;
    }

    footer .social-icons ul .icon {
        height: 2.5em;
        width: 2.5em;
    }
}

@media only screen and (max-width: 499px) {
    footer .checkout-hide .social-icons ul {
        justify-content: space-evenly;
        padding: 0;
    }

    footer .social-icons ul .icon {
        height: 2.5em;
        width: 2.5em;
    }
}



@media only screen and (min-width: 1020px) {
    footer .social-icons {
        justify-content: flex-end;
    }
}


/* end of social icons */

footer .checkout-hide .top-nav{
    margin-top:1em;
    margin-bottom:0;
    padding-bottom:0
}

footer .checkout-hide .top-nav ul li h3{
    color:#fff
}

footer .checkout-hide .top-nav ul li h3 a{
    font-size:1rem;
    font-weight:bold
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .top-nav ul li h3 a{
        font-size:0.75rem
    }
}

footer .checkout-hide .top-nav ul li a{
    font-size:0.75rem;
    font-weight:bold;
    display:block
}

footer .checkout-hide .top-nav div.columns{
    margin-bottom:0 !important;padding-bottom:0
}

footer .checkout-hide .copyright{
    padding-top:0;
    padding-left:4.6em !important
}

@media only screen and (min-width: 768px){
    footer .checkout-hide .copyright{
        text-align:right;margin-left:4.3em
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .copyright{
        text-align:left;
        padding-top:3.6em;
        padding-left:3.1em !important;
        margin-left:1em
    }
}

footer .checkout-hide ul{
    list-style:none;
    padding-left:0;
    min-height:6em
}

@media only screen and (min-width: 768px){
    footer .checkout-hide ul{
        padding-left:20px
    }
}

@media only screen and (min-width: 992px){
    footer .checkout-hide ul{
        padding-left:20px;
        min-height:unset
    }
}

footer .checkout-hide ul li{
    margin:0
}

footer .checkout-hide ul li h3{
    font-family:'Battersea', Tahoma, sans-serif;
    text-transform:uppercase;
    margin:0;
    line-height:1.4;
    font-weight:700;
    font-size:1rem
}

@media only screen and (min-width: 992px){
    footer .checkout-hide ul li h3{
        font-size:0.75rem
    }
}

footer .checkout-hide ul li h3 a{
    color:#fff
}

footer .checkout-hide ul li h3 a:hover{
    color:#f1563f
}

footer .checkout-hide .inline-list{
    padding-top:0.4em
}

footer .checkout-hide .inline-list ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    list-style-type:none
}

footer .checkout-hide .inline-list ul li{
    display:inline-block
}

footer .checkout-hide .inline-list ul li::before{
    content:"|";
    display:inline-block;
    font-weight:normal;
    opacity:0.2;
    padding:0 0.3rem 0 0.2rem
}

footer .checkout-hide .inline-list ul li:first-child::before{
    display:none
}

@media only screen and (min-width: 992px){
    footer .checkout-hide .inline-list ul li a{
        font-size:0.75rem
    }
}

@media only screen and (min-width: 992px){
    footer .hide-for-large-up{
        display:none !important
    }
}