.header{
    background: #3D0066;
    padding-top: 20px;
    margin-bottom: 10px;
}
.header.header-checkout{
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.header.header-checkout .logo{
    max-width: 200px;
}

.customer-default-address{
    margin-top: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .header:not(.header-checkout){
        padding-bottom: 50px;
        margin-bottom: 100px;
        padding-top: 10px;
    }
    .header:not(.header-checkout) .logo{
        max-width: 100px;
        margin-bottom: 10px;
    }
}
.header .btn-cart{
    background: #EFD6FF;
    width: 35px;
    height: 35px;
    padding: 0px;
    text-align: center;
    line-height: 35px;
    color: #3D0066;
    font-size: 21px;
    position: relative;
}
.cart-size{
    position: absolute;
    top: -16px;
    right: -8px;
    color: #fff;
    background: red;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 3px 5px 3px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: right;
}

.header .main-menu{
    display: flex;
}
.header .main-menu .bg-icon{
    display: none;
}
.header .main-menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
}
.header .main-menu ul li{
    text-align: center;
    padding: 10px;
}
.header .main-menu ul li:first-child{
    padding-left: 0px;
}
.header .main-menu ul li:last-child{
    padding-right: 0px;
}
.header .main-menu ul li a{
    color: #fff;
}
@media screen and (max-width: 768px) {
    .header .main-menu{
        background: #F8F8FA;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 16px 10px;
        margin: 10px auto -50% auto;
    }
    .header .main-menu ul{
        flex-grow: 1;
    }
    .header .main-menu ul li{
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
    }
    .header .main-menu .bg-icon{
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(61,0,102,1);
        -moz-box-shadow: 0px 2px 4px 0px rgba(61,0,102,1);
        box-shadow: 0px 2px 4px 0px rgba(61,0,102,1);
        background: #FFFFFF;
        display: inline-block;
    }
    .header .main-menu p{
        font-size: 12px;
        color: #4C4957;
    }
    .header .desktop-menu{
        display: none !important;
    }
}

.footer{
    background: #3D0066;
    margin-top: 20px;
    padding: 20px 0px;
    color: #fff;
}
.footer a{
    color: #fff;
}
.footer .logo-footer{
    max-width: 250px;
}
.footer .copyright{
    color: #634795;
    border-top: 1px solid #634795;
    padding-top: 10px;
}
.footer ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.footer ul li{
    margin-bottom: 5px;
}
.footer .btn-social{
    background: #EFD6FF;
    color: #56008F;
    font-size: 24px;
    padding: 0px 8px;
}
.footer .webflix-footer{
    height: 24px;
    opacity: .48;
    vertical-align: middle;
}
@media screen and (min-width: 769px) {
    .footer ul{
        text-align: right;
    }
}
@media screen and (max-width: 768px) {
    .footer{
        text-align: center;
    }
}

/**************************************/

.offers-section{
    
}
.offers-section .offer-item{
    background: #fff;
}

/**************************************/

.how2work-section{
    
}
.how2work-section .work-icon{
    width: 44px;
    height: 44px;
    background: #56008F;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 44px;
}

/**************************************/

.companyRegister-section{
    
}
.companyRegister-section .card-body{
    padding: 20px;
}

/**************************************/

#offer-details{
    
}
#offer-details .offer-title{
    font-size: 22px;
    color: #4C4957;
    
}
#offer-details .offer-price .from-price{
    font-size: 10px;
    text-decoration: line-through;
    margin-bottom: 0px;
    line-height: 10px;
    color: #232129;
}
#offer-details .offer-price .current-price{
    font-size: 24px;
    font-weight: 400;
    color: #232129;
    margin-bottom: 0px;
}
#offer-details .offer-price .current-price .current-cents{
    font-size: 14px;
}
#offer-details .offer-reward{
    font-size: 14px;
    font-weight: 500;
    color: #59A202;
    margin-bottom: 8px;
}
#offer-details .offer-reward .reward-win{
    font-size: 14px;
    font-weight: 400;
    color: #F8F8FA;
    background: #59A202;
    padding: 2px 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#offer-details .form-buy{
    position: relative;
}
#offer-details .form-buy .btn-wishlist{
    width: 40px;
    position: absolute;
    top: 50px;
    right: 8px;
}

#offer-details .form-buy.fixed-mobile{
    position: fixed;
    bottom: 1%;
    width: 98%;
    left: 1%;
    z-index: 999;
    margin-bottom: 0px !important;
    -webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.76); 
    box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.76);
}
#offer-details .form-buy.fixed-mobile .offer-title,
#offer-details .form-buy.fixed-mobile .offer-price,
#offer-details .form-buy.fixed-mobile .offer-reward,
#offer-details .form-buy.fixed-mobile .offer-resume,
#offer-details .form-buy.fixed-mobile .offer-review,
#offer-details .form-buy.fixed-mobile .btn-wishlist{
    display: none;
}

@media screen and (min-width: 769px) {
    .container-form {
        position: -webkit-sticky!important;
        position: sticky !important;
    }
}

.company-details{
    
}
.company-details .company-logo{
    width: 40px;
}

/**************************************/

#catalog{
    
}

@media screen and (max-width: 768px) {
    
    #catalog .filters{
        position: fixed;
        background: #fff;
        left: 0px;
        bottom: 0px;
        z-index: 1000;
        padding-top: 10px;
        height: 70vh;
    }
    #catalog .filters.filter-opened{
        display: block !important;
    }
    #catalog .filters .list-filters{
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
    }
    
}

/**************************************/

#cart{
    
}
#cart .reward{
    background: #EFD6FF99;
    padding: 10px;
}
#cart .reward .material-icons{
    color: #6E00B8;
}

#cart .methods a,
#cart .methods a:link,
#cart .methods a:visited,
#cart .methods a:hover,
#cart .methods a:active{
    color: #4C4957;
    text-decoration: none;
}
#cart .methods a .legend{
    color: #6F6C7D;
}
#cart .methods .card{
    border: 1px solid #EBEAEF;
}
#cart .methods .card .payment-icon{
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #EBEAEF;
    line-height: 50px;
}