
@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/museo_sans/MuseoSans-100.otf') format('truetype');
}
@font-face {
    font-family: 'MuseoSans_Bold';
    src: url('../fonts/museo_sans/MuseoSans-300.otf') format('truetype');
}

@font-face {
    font-family: 'MuseoSans_Bolder';
    src: url('../fonts/museo_sans/MuseoSans-500.otf') format('truetype');
}


.wraper {
    display: block;
    width: 100%;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.color-white {
    color: #ffffff;
}

.p-sm {
    padding: 15px !important;
}

.no-padding, .p0 {
    padding: 0 !important;
}

.no-padding-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-padding-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.br-t-none {
    border-top: none !important;
}

.m-t-lg {
    margin-top: 30px !important;
}

/*Loader*/
.page-loader {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(59, 66, 74, 0.9);
    z-index: 1100;
}

.loading-block {
    display: block;
    width: 300px;
    height: 90px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.loader {
    margin: 0 auto;
    transform: rotate(0deg);
    animation-name: swing-start, swing;
    animation-direction: normal, alternate;
    animation-fill-mode: forwards, none;
    animation-delay: .5s, 1s;
    animation-duration: .5s, 1s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    font-size: 42px;
    color: #ffffff;
}

@keyframes swing-start {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-20deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}

/*MEGA MENU */

.navbar-default.megamenu {
    color: #fff;
    background-color: #FFFFFF;
    border-color: rgba(172, 161, 162, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown,
.megamenu .dropdown2 {
    position: static;
}

.megamenu .navbar-nav > .active > a, .megamenu .navbar-nav > .active > a:focus, .megamenu .navbar-nav > .active > a:hover,
.megamenu .navbar-nav > .open > a {
    background-color: #91cfff !important;
    color: #fff !important;
}

@media (min-width: 768px) {
    .megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown, .megamenu .dropdown2 {
        text-align: center;
        float: none;
        display: inline-block;
    }

    /*.megamenu-fw:hover .dropdown-menu{ display: block; }*/
}

.megamenu .container {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
}

.megamenu .megamenu-content .row .col-sm-3:nth-child(2) {
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
}

.megamenu .megamenu-content {
    padding: 15px;
}

.megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px;
}

.selected-osc{
    background: #86c9ff  !important;
    color: #ffffff !important;
    text-shadow: none;
}
.navbar-default .navbar-nav>li>a {
    color: #000000;
}

.megamenu .dropdown2.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.megamenu .dropdown2.megamenu-fw .dropdown-menu .mega-navlist li,
.megamenu .dropdown2.megamenu-fw .dropdown-menu > li {
    display: block;
}

.dropdown2.megamenu-fw > a {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'MuseoSans', sans-serif !important;
}

.mega-navlist {
    padding: 0;
    list-style-type: none;
}

.mega-navlist.col-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.mega-navlist.col-count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.mega-navlist.col-count-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.mega-navlist li.categ-title {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'MuseoSans', sans-serif !important;
    margin-top: 20px;
    font-weight: bold;
}

.mega-navlist li.categ-title:first-of-type {
    margin-top: 0;
}

.mega-navlist li.mega-brand {
    margin-bottom: 15px;
}

.mega-navlist li.mega-brand:last-of-type {
    margin-bottom: 0;
}

.mega-navlist li {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;

}

.mega-navlist li > a {
    color: #000000;
    font-size: 14px;
    line-height: 25px;
}

.mega-navlist li > a:hover {
    color: #00718f;
}

.single-product .pro-level,
.shop-section-1 .pro-level {
    padding: 0 0;
    z-index: 2;
}

/*.single-product .pro-level .homepage-add-favorite,
.shop-section-1 .pro-level .homepage-add-favorite {
    display: block;
    padding: 5px 6px;
    z-index: 999;
}*/

/*evoucher css*/

.page-title {
    color: #3b424a;
    text-align: left;
    margin-bottom: 30px;
    margin-top:50px;
}

.page-title h1 {
    /*font-size: 36px;*/
    font-family:'MuseoSans', sans-serif !important;
}

.page-title.center p {
    margin-left: auto;
    margin-right: auto;
}

.page-title p {
    font-size: 16px;
    line-height: 22px;
    /*max-width: 875px;*/
    margin-left: auto;
    /*margin-top: 15px;*/
    margin-right: auto;
    text-align: center;
}

/*evoucher css*/

/*HotDeals*/
.hotdeal-landing {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
}

.hd-landing-block {
    float: left;
    position: relative;
    width: 50%;
    padding: 0;
    margin: 0;
    min-height: 550px;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.hd-landing-block:nth-child(1) {
    background-image: url(../images/instoreDeal.jpg);
}

.hd-landing-block:nth-child(2) {
    background-image: url(../images/onlineDeal.jpg);
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

.hd-landing-block:nth-child(3) {
    background-image: url(../images/freeShipping.jpg);
}

.hd-landing-block:nth-child(4) {
    background-image: url(../images/firstOffer.jpg);
}

.hd-landing-content {
    background: rgba(21, 20, 19, 0.5);
    height: 260px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    margin: auto;
    text-align: center;
    padding: 20px 20px 0;
    cursor: pointer;
}

.hd-landing-content h3 {
    font-size: 28px;
    color: #ffffff;
    font-weight: 400;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 0;
}

.hd-landing-content p {
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    font-weight: 300;
    height: 100px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.hd-landing-content > a {
    width: 200px;
    font-size: 19px !important;
    color: #fff;
}

.hd-landing-content > a:hover {

    color: #fff;
}

/*HotDeals*/

/*global css ibox*/

.ibox {
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0;
    position: relative;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after, .ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e0e0e0;
    border-image: none;
    border-style: solid solid none;
    border-width: 0 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 0 7px 0;
    min-height: 35px;
    text-align: center;
    border-bottom: solid 1px #E6E6E6;
}

.ibox-title h5, .ibox-title h6 {
    display: inline-block;
    font-size: 20px;
    font-family: 'MuseoSans', sans-serif !important;
    padding: 0;
    text-overflow: ellipsis;
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}

.ibox-title h6 {
    font-size: 14px !important;
}

.ibox-title .label {
    margin-left: 4px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.ibox-tools .form-group {
    margin-bottom: 0;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #000000;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}

.ibox-content {
    background-color: inherit;
    color: inherit;
    /*padding: 15px 20px 0px 20px;*/
    /* padding: 0px 20px 20px 0px; */
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0px;
    clear: both;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.ibox-heading h3 {
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 24px;
}

.ibox-title.ibox-profile-title {
    text-align: left;
    padding-top: 0;
    border-bottom: solid 1px #91cfff;
    margin-bottom: 1em;
}

.ibox-title.ibox-profile-title h5 {
    margin: 0;
}

.ibox-title.ibox-profile-title .fa {
    color: #91cfff;
}
.ibox-title.ibox-profile-title .customicon2-donation{
    color: #91cfff;
}
.ibox-title.ibox-profile-title .customicon-wishlist{
    color: #91cfff;
    margin-right: 5px;
}

.ibox-profile-title .ibox-tools {
    float: right;
}

.ibox-title.ibox-account-title {
    text-align: left;
    padding-top: 0;
    border: none;
}

.ibox-title.ibox-account-title .fa {
    color: #00718f;
    margin-right: 15px;
}

.ibox-title h5, .ibox-title h6 {
    display: inline-block;
    font-size: 20px;
    font-family: 'MuseoSans', sans-serif !important;
    padding: 0;
    text-overflow: ellipsis;
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}

/*ibox*/

/*flipper*/

.inhouse-product-name {
    color: #000000;
}

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;

}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 100%;
    height: 275px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 5px;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;

    -moz-backface-visibility: hidden;

}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

.front {
    background: #fff;
    z-index: 2;
}

.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipper2 .front, .flipper2 .back {
    background: #ffffff;
    border: solid 5px #dadada;
}

.flipper2 .front img, .flipper2 .back img {
    position: absolute;
    max-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.flipper-button {
    display: block;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #00aeef;
    color: #fff;
    left: 10px;
    right: 10px;
    z-index: 2;
    text-transform: uppercase;
}

.flipper-button:hover, .flipper-button:focus,
.flipper-button:active {
    color: #003360;
    background: #ffffff;
    outline: none;
}

.flip-container.vouchers-flip {
    padding: 10px;
    /* height: 230px; */
    height: 200px;
}

.product-image {
    height: 233px;
    overflow: hidden;
}

.product-image.product-logo {
    border: solid 1px #eaeaea;
}

.product-image.product-logo img {
    display: block;
    position: absolute;
    max-width: 125px;
    max-height: 75px;
    width: auto;
    height: auto;
    top: -15px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.product-image.product-logo .bonus-amount {
    height: auto;
}

.product-image.product-middle img {
    display: block;
    position: absolute;
    padding: 10px;
    width: auto;
    height: auto;
    top: -15px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-height: 200px;
}

.product-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-overlay.gray {
    background: #3b424a;
}

.product-overlay.opacity90 {
    /*background: rgba(255, 255, 255, 0.9);*/
}

.product-overlay.opacity70 {
    background: rgba(255, 255, 255, 0.7);
}

.tab-content .flip-container .front {
    background: transparent;
}

.bx-wrapper {
    position: relative;
}

.bx-thumbnail {
    bottom: 10px;
    height: 100px;
}

.bx-thumbnail li {
    padding-top: 10px;
}

.bx-thumbnail a {
    border: solid #ccc 1px;
    display: inline-block;
    width: 65px;
    height: 65px;
}

.bx-thumbnail a img {
    width: 100%;
    height: 100%;
}

.bx-thumbnail a:hover,
.bx-thumbnail a.active {
    border: solid #5280DD 1px;
}

.product-block-inhouse {
    width: auto;
    text-align: center;

    /*background: #FAF7F7;*/

}

div[class*="col-"] .product-block-inhouse,
.products-listing .product-block {
    /* margin-bottom: 60px; */
    margin-bottom: 1em;
}
.product-block {
    border: 1px solid #c7c7c7;
}

.inhouse-price {
    font-size: 19px !important;
    font-family: 'MuseoSans', sans-serif !important;
}

.no-margin {
    text-align: center;
}

.no-margin small {
    font-family: 'MuseoSans', sans-serif !important;
}

.inhouse-product-image {
    height: 233px;
}

.bonus-amount {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px;
    z-index: 1;
    /*background: #eaeaea;*/
    font-size: 13px;
    text-align: center;
    border-top: solid 2px #91cfff;
    height: auto;
    width: 100%;
    text-transform: capitalize;
    overflow: hidden;
    font-family: 'MuseoSans', sans-serif !important;
}

.retailer-name {
    /*display:block;
    height:30px;
    background:#eaeaea;
    border-bottom:solid 1px #dcdcdc;
    line-height:30px;
    text-align:center;*/
    display: block;
    height: 30px;
    /*background: #F7F7F7;*/
    border-bottom: solid 1px #ddd;
    line-height: 30px;
    text-align: center;
    padding-left: 5px;
    color: #444444;
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 13px;
}

.retailer-name-direct-product {
    padding: 7px;
    z-index: 1;
    background: #eaeaea;
    font-size: 11px;
    text-align: center;
    border-top: solid 1px #dcdcdc;
    height: 42px;
    width: 100%;
    text-transform: capitalize;
    overflow: hidden;
    display: block;

}

/*.product-image .wish-icon {
    background: url(../../../assets/sportscashassets/icons/icon_wishlist-white.png) no-repeat left;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}*/

.evoucher-page .flip-container.vouchers-flip,
.evoucher-page .vouchers-flip .front,
.evoucher-page .vouchers-flip .back {
    height: 175px;
}

.vouchers-flip .product-image img {
    overflow: hidden;
    border-bottom-left-radius: 10px;;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.flip-container.vouchers-flip2, .vouchers-flip2 .front, .vouchers-flip2 .back {
    height: 205px;
}

.flip-container.vouchers-flip3, .vouchers-flip3 .front, .vouchers-flip3 .back {
    height: 122px;
}

.add-favorite {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    z-index: 1;
/*    background: #ffce00;*/
}

.compare-table .add-favorite {
    position: inherit;
    padding: 8px;
}

#fav-retailers .deal-info .glyphicon {
    font-family: 'Glyphicons Halflings';
}
.glyphicon-remove {
    color: #fa989f;
}
/*#wishlist-products .flip-container, #wishlist-products .front, #wishlist-products .back {
    height: 220px;
}*/

.deals-box-outer .front {
    background: #00718f;
}

.deals-box-outer .front > a > img {
    width: 100%;
}

.deals-box-outer .front.search > a > img {
    width: 100%;
    height: 100%;
}

.deals-box-outer .front .deal-info {
    color: #ffffff;
}

.alternate:nth-child(2n) .deals-box-outer .front {
    background: #eeeaeb;
}

.alternate:nth-child(2n) .deals-box-outer .front .deal-info {
    color: #3b424a;
}

.deals-box-outer .back .deal-info {
    color: #3b424a;
}

.alternate:nth-child(2n) .deals-box-outer .back {
    background: #a1a1a1;
}

.alternate:nth-child(2n) .deals-box-outer .back .deal-info {
    color: #ffffff;
}

.deal-logo {
    position: relative;
    width: 100%;
    height: 90px;
    margin-bottom: 0;
    background: #fff;
    padding: 10px;
}

.fit-banner .deal-logo {
    height: 100%;
}

.deal-logo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.fit-banner .deal-logo img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 202px;
    margin: auto;
    position: inherit;
}

.deal-info {
    text-align: center;
    margin-top: 0px;
    padding: 0px 20px 10px 20px;
}

.alternate .deal-info > h6 {
    font-size: 16px;
    text-shadow: 1px 1px 2px #D4D4D4, 2px 2px 4px #FFFFFF, 2px 2px 4px #000000;
}

.deal-info > h6 {
    font-size: 18px;
    text-shadow: 1px 1px 2px #FFFFFF, 2px 2px 4px #B9B9B9, 2px 2px 4px #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}

.deal-info span {
    /*color:#00718f;
    text-transform:uppercase;*/
    font-size: 12px;
    font-family: 'MuseoSans', sans-serif !important;
}

.deal-info p {

    margin-bottom: 5px;
    font-size: 12px;
}

.deal-info p:empty {
    display: none;
}

.deal-info .summary {
    font-size: 16px !important;
     font-family: 'MuseoSans', sans-serif !important;
}

.deal-info .summary .deal-bc, .deal-bc {
    font-size: 14px !important;
}

.deals-box-outer .back .deal-info,
#rotating-item-wrapper .deal-info {
    margin-top: 5%;
}

#rotating-item-wrapper {
    position: relative;
}

div[class*="rotating-item"] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 202px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.deal-info sub {
    color: #cf3341;
    font-size: 10px;
}

.deal-info.banner p {
    margin: 0;
    font-size: 12px;
    font-family: 'MuseoSans', sans-serif !important;
}

.vouchers-flip .product-image {
    height: 200px;
}

.voucher-info {
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    /* padding: 15px; */
    color: #000000;
    font-size: 14px;
    top: 0;
    left: 0;
    right: 0;
    text-shadow: 1px 1px 0px #fff;
}

.voucher-info strong {
    font-size: 16px;
    font-family: 'MuseoSans', sans-serif !important;
}

.small-evoucher-block .voucher-info {
    top: 0;
    padding: 5px;
    font-size: 13px;
    font-family: 'MuseoSans', sans-serif !important;
}

.small-evoucher-block .voucher-info strong {
    font-size: 10px;
}

/*Shop Products*/
.prod-banner_outer {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    min-height: 500px;
}

.prod-banner_block {
    position: relative;
}

.product-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.product-overlay.gray {
    background: #3b424a;
}

.product-overlay.opacity90 {
    /*background: rgba(255, 255, 255, 0.9);*/
}

.product-overlay.opacity70 {
    background: rgba(255, 255, 255, 0.7);
}

.brands-block {
    display: block;
    width: 175px;
    min-height: 500px;
    background: #ffffff;
    float: right;
}

.brands-title {
    background: #8DC63F;
    color: #ffffff;
    padding: 10px;
    text-align: center;
}

.brands-title sup {
    font-size: 12px;
    font-family: Aileron;
}

.brands-title h3 {
    margin: 10px 0;
    font-size: 18px;
     font-family:'MuseoSans', sans-serif !important;
    color: #ffffff;
}

.brands-title h3 span {
    font-family: 'MuseoSans', sans-serif !important;
    display: block;
}

.strip-divider {
    display: none;
}

.brands-content {
    padding: 10px;
    color: #000000;
}

.brand-logo {
    display: block;
    width: 100%;
    height: 70px;
    position: relative;
}

.brand-logo img {
    max-height: 70px;
    max-width: 155px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.prod-banner_button {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    margin: auto;
}

.btn-lg {
    font-size: 16px !important;
    padding: 10px 10px;
}

.btn-white {
    color: #ffffff;
    background-color: #00718f;
    border-color: #00718f;
    border-width: 3px;
    padding: 4px 15px;
}

.btn {
    border-radius: 0;
    font-size: 12px !important;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

.m-t-xl {
    margin-top: 40px;
}

/*About US*/

.big-slider {
    display: block;
    width: 100%;
    background-size: cover;
    height: 420px;
    font-size: 48px;
    color: #ffffff;
}

.slider-copy {
    display: block;
    text-align: center;
    padding: 60px 0 60px 0;
}

.slider-copy h1,
.slider-copy h2,
.slider-copy h3,
.slider-copy h4,
.slider-copy h5,
.slider-copy h6 {
    margin: 0;
    color: #fff;
}

.slider-copy h1 {
    font-size: 48px;
        margin-top: 20px;
}

.slider-detail p {
    color: #fff;
}

.slider-detail {
    font-size: 18px;
    color: #000;
    display: block;
    line-height: 30px;
}

.no-slider {
    height: initial !important;
    display: block;
}

.no-slider .slider-copy {
    max-width: 100%;
    display: block;
    position: initial;
  /*  background: rgba(71, 153, 174, .85);*/
}

.banner-content {
    height: 500px;
}

.banner-copy {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 140px;
}

.banner-copy h1 {
    margin-top: 0;
    font-size: 36px;
    color: inherit;
}

.banner-copy h4 {
    margin: 0 0 0 0;
    color: #fff;
}

.banner-copy p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

/*Direct Products*/

.product-title h4 {
    font-size: 22px;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
}

.product-title h4 span {
    margin-left: 5px;
    color: #00718f;
    font-size: 20px;
}

.filter-menu {
    list-style-type: none;
    display: inline-block;
    margin: 0;
}

/*--------------------- Filter Menu
---------------------------------*/
.filter-menu {
    list-style-type: none;
    display: inline-block;
    margin: 0;
}

.filter-menu > li {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.filter-menu > li + li {
    margin-left: 10px;
}

.filter-menu > li > a {
    display: block;
    padding: 5px 15px;
    font-size: 12px;
    color: #333;
    transition: all .2s linear;
}

.filter-menu > li:hover > a {
    background: #3b424a;
    color: #ffffff;
}

.filter-menu .dropdown-menu {
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    border: solid 1px #000;
    margin-top: 0;
}

.filter-menu .dropdown-menu.r0 {
    left: inherit;
    right: 0;
}

.filter-menu .dropdown-menu .checkbox {
    padding: 5px 20px;
    display: block;
}

.checkbox label::before {
    border-radius: 0;
}

.filter-menu .dropdown-menu .radio {
    padding: 5px 15px;
    display: block;
}

.filter-menu .dropdown-menu input:focus {
    outline: none;
}

.filter-menu > li.direct-product-searchbar > a {
    display: inherit;
    color: #fff;
}

.direct-product-searchbar .form-control {
    height: auto;
}

.pagination, .yiiPager {
    display: block;
    margin-top: 0;
    float: right;
}

.product-ajax-loading .loading-image,
.store-locator-ajax-loading .loading-image {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 20px;
    margin-top: 40px;
}

.product-ajax-loading, .store-locator-ajax-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

.filter-menu .dropdown-menu .radio input[type='radio'],
.filter-menu .dropdown-menu .checkbox input[type='checkbox'] {
    width: auto;
    height: auto;
    float: left;
}

.filter-menu .dropdown-menu .radio label,
.filter-menu .dropdown-menu .checkbox label {
    padding-left: 5px;
    font-size: 12px;
}

/*===========================
Modal Popup
===========================*/
.modal .modal-dialog.quick-view-dialog {
    display: block;
}

.modal .modal-dialog.quick-view-dialog .modal-content {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    padding: 20px;
    background: #ffffff;
}

@media (min-width: 768px) {
    .modal .modal-dialog.quick-view-dialog {
        width: 760px;
    }

    .lg-right {
        float: right;
    }
}

.prod-imagewrap {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-right: 25px;
    max-width: 300px;
    z-index: 2;
}

.product-shop {
}

.product-shop > h3 {
    font-size: 20px;
    text-transform: none;
    margin: 0;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.price-tag {
    display: block;
    padding: 10px 0;
    position: relative;
    border-bottom: solid 1px #dddddd;
}

.price-tag > span {
    font-size: 26px;
    font-family: 'MuseoSans', sans-serif !important;
}

.price-tag > .badge.in-stock {
    background-color: #6ebd14;
    font-family: 'MuseoSans', sans-serif !important;
    text-transform: uppercase;
}

.price-tag > .badge.in-stock-purple {
    background-color: #00718f;
    font-family: 'MuseoSans', sans-serif !important;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 20px;
    padding: 10px;
}

.prod-form.right {
    width: 130px;
    float: right;
}

.prod-form.right > a {
    margin-top: 5px;
}

.prodwrap-info {
    padding: 10px 0;
}

.prodwrap-info address {
    color: #3b424a;
    font-size: 12px;
    margin: 0;
}

.long-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.read-more {
    display: none;
}

.long-description > a.read-more {
    text-decoration: underline;
    color: #00718f;
    display: block;
}

.prod-form .quantity-field {
    height: 30px;
    vertical-align: top;
    width: 100px;
    font-size: 14px;
    font-family: 'MuseoSans', sans-serif !important;
    color: #3b424a;
    text-align: center;
    border: solid 1px #dddddd;
}

.prod-form .quantity-field:focus, .prod-form .quantity-field:active {
    outline: none;
}

.prod-form .btn-gray {
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 13px !important;
}

.modal-close {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
}

.quick-view-dialog .modal-close-icon {
    background: url(../img/icon/sprite.png) no-repeat;
    background-position: -3px -3px;
    display: block;
    width: 30px;
    height: 30px;
}

/*DIRECT PRODUCTS*/
.product-title h4 {
    font-size: 22px;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
}

.product-title h4 span {
    margin-left: 5px;
    color: #8DC63F;
    font-size: 20px;
}

/* MODAL */
.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
}

.modal-dialog {
    z-index: 2200;
    padding: 20px;
}

.modal-body {
    padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

.quick-filters {
    padding: 15px 0px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.quick-filters .filter-title {
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 12px;
    line-height: 32px;
    margin-right: 20px;
}

.quick-filters .filter-group {
    display: inline-block;
}

.quick-filters .control-label {
    color: #333333;
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 12px;
    margin-right: 5px;
}

.quick-filters .form-control {
    background: #f8f8f8;
    border: solid 1px #dddddd;
    border-radius: 0;
    padding: 2px 5px;
    height: 30px;
    margin-right: 5px;
    font-size: 12px;
}

/*ABOUT US*/

/*Product page*/
.products-listing {
    position: relative;
}

.product-ajax-loading, .store-locator-ajax-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

.product-ajax-loading .bg,
.store-locator-ajax-loading .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.7;
    z-index: 1;
}

.product-ajax-loading .loading-image,
.store-locator-ajax-loading .loading-image {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 20px;
    margin-top: 40px;
}

.product-brand-menu-offer-blocks {
    border: 1px solid #EAEAEA;
    padding: 4px;
    height: 65px;
    margin-bottom: 0px;
    cursor: pointer;
}

.product-brand-menu-offer-blocks img {
    max-width: 70px;
    display: block;
    margin-right: 10px;
    padding-top: 0;
    margin-left: 5px;
    float: left;
    max-height: 50px;
}

.product-brand-menu-offer-blocks .offer-info-block {
    margin-top: 0;
    text-align: center;
    display: block;
    overflow: hidden;
    line-height: 11px;
}

.product-brand-menu-offer-blocks.style2 {

}

.product-brand-menu-offer-blocks.style2 img {
    float: none;
    display: block;
    max-width: 100px;
    height: auto;
    max-height: 40px;
    width: auto;
    margin: auto;
}

.product-brand-menu-offer-blocks.style2 .offer-info-block {
    float: none;
    margin: auto;
    margin-top: 5px;
}

.offer-info-block p {
    color: #000;
    font-size: 11px;
}

.offer-info-block p:empty {
    display: none;
}

.offer-info-block .title {
    font-family: 'MuseoSans', sans-serif !important;
    font-size: 12px;
}

.price-range-bar {
    margin-top: 5px;
}

.price-range-value {
    color: #F00;
    font-family: 'MuseoSans', sans-serif !important;
}

.price-range-bar .ui-widget-header {
    background-image: none;
    background-color: #00718f !important;
}

.form-inline .price-range .form-control {
    width: 30%;
}

.form-inline .price-range a {
    width: 20%;
}

/*End product page*/

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    min-width: 200px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu.dropdown-center {
        left: -60px;
        right: inherit;
    }
}

.nav.navbar-nav-cutom .dropdown-menu {
    border-radius: 0;
    min-width: 200px;
    border-top: solid 5px #00718f;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    top: 99%;
}

.nav.navbar-nav-cutom .dropdown-menu li a {
    padding: 10px 10px;
    border-bottom: solid 1px #cccccc;
}

.dropdown-alerts {
    width: auto;
    min-width: 0;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

/*ONLINE SHOP PAGE*/

/* CSS Document */
.osc_box_view_block {
    display: block;
    border: solid 1px #d8d8d8;
    padding: 15px;
    background: #ffffff;
    position: relative;
    min-height: 175px;
    padding-top: 140px;
    margin-bottom: 15px;
}

.osc_box_view_block img {
    max-height: 75px;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .2s linear;
}

.osc_box_view_block > span {
    display: block;
    padding: 0;
    font-size: 12px;
    color: #666666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ver_alpha_list {
    /*width: 36px;*/
    background: #f0f0f0;
    position: relative;
    /*right: 15px;*/
    /*min-height: 500px;*/
    height: auto;
    z-index: 99;
    /*top: 2em;*/
    /*bottom: 2em;*/
}

.ver_alpha_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ver_alpha_list ul li {
    display: inline-block;
    text-align: center;
}

.ver_alpha_list ul li a {
    font-size: 12px;
    color: #3d3d3d;
    display: block;
    padding: 5px 0;
    background: #f0f0f0;
}

.ver_alpha_list ul li.selected a {
    background: #dcdcdc;
    position: relative;
}

.ver_alpha_list ul li.selected a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    border-right-color: #dcdcdc;
    display: inline-block;
    position: absolute;
    left: -11px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.grid_view_block div[class*=col-] {
    padding-right: 8px;
    padding-left: 7px;
}

.osc_box_back {
    background: #fcfcfc;
    padding: 15px;
    height: 100%;
    border: solid 1px #dadada;
    text-align: center;
}

.osc_box_back span {
    display: block;
    margin: 10px 0;
    font-size: 12px;
}

.togglesort {
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
}

#bs-example-navbar-collapse-1 .megamenu-fw a.dropdown-toggle:hover {
    background: #91cfff;
    color: #fff !important;
}

/*---- List View Block ----*/
.list_view_block {
    display: block;
}

.list_view_box {
    padding: 10px 25px;
    border-bottom: solid 1px #f0f0f0;
}

.list_view_box .list_title {
    float: left;
    position: relative;
}

.list_view_box .list_title img {
    max-width: 50px;
    max-height: 50px;
    margin-right: 20px;
}

.list_view_box .list_title span {
    font-size: 14px;
    color: #333333;
}

ul.list_view_unordered {
    float: right;
    list-style-type: none;
}

ul.list_view_unordered li {
    display: inline-block;
    margin-left: 30px;
    padding: 16px 0px;
    width: 150px;
}

ul.list_view_unordered li a {
    display: block;
}

ul.list_view_unordered li span {
    display: block;
}

/*------------------------ Retailer -----------------------*/
.view-mode {
    display: inline-block;
    margin-top: 8px;
}

.view-mode .active {
    background: #00718f;
    color: #ffffff;
}

.btn-view {
    background: #f0f0f0;
    padding: 8px 12px;
    color: #000000;
    cursor: pointer;
}

.btn-view.active {
    background: #8DC63F;
    color: #ffffff;
}

.btn-view:first-child {
    border-radius: 2px 0 0 2px;
    border-right: solid 1px rgba(255, 255, 255, 0.2);
}

.btn-view:last-child {
    border-radius: 0 2px 2px 0;
}

.btn-view:hover,
.btn-view:active,
.btn-view:focus {
    background: #8DC63F;
    color: #ffffff;
}

ul.alphabetic-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    border-bottom: solid 1px #000000;
    margin-bottom: 10px;
}

ul.alphabetic-list li {
    display: inline;
}

ul.alphabetic-list li a {
    color: #000000;
    text-decoration: none;
    padding: 4px 8px;
    transition: all .1s linear;
}

ul.alphabetic-list li a:hover,
ul.alphabetic-list li a:focus,
ul.alphabetic-list li a:active {
    background: #000000;
    color: #ffffff;
}

.alphabetic-block {
    display: block;
    padding-left: 50px;
    padding-bottom: 2px;
    border-bottom: solid 1px #3B424A;
    /* margin-bottom: 9px; */
    min-height: 50px;
    margin-top: 10px;
}

.alpha-character {
    float: left;
    position: absolute;
    left: 20px;
    font-size: 30px;
     font-family:'MuseoSans', sans-serif !important;
}

ul.alphabetic-cols {
    display: inline-block;
    float: left;
    width: 16.6666667%;
    margin-bottom: 20px;
    margin: 0;
    padding: 0;
    padding-right: 2%;
}

ul.alphabetic-cols li {
    margin-bottom: 4px;
    list-style-type: none;
    line-height: 12px;
    display: block;
}

ul.alphabetic-cols li a {
    display: inline-block;
    text-transform: capitalize;
    font-size: 11px;
    color: #3B424A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    line-height: 14px;
}

#bonuscash-sort ul.alphabetic-cols,
#retailer-sort ul.alphabetic-cols {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 2% 0px 0px;
}

#bonuscash-sort ul.alphabetic-cols li,
#retailer-sort ul.alphabetic-cols li {
    margin-bottom: 4px;
    list-style-type: none;
    line-height: 12px;
    display: inline-block;
    width: 16.66666%;
}

.bonus-cash .alphabetic-block {
    display: block;
    padding-left: 50px;
    padding-bottom: 2px;
    border-bottom: solid 1px #3B424A;
    /* margin-bottom: 9px; */
    min-height: 50px;
    margin-top: 10px;
}

.bonus-cash .value-character {
    float: left;
    position: absolute;
    left: 20px;
    font-size: 20px;
     font-family:'MuseoSans', sans-serif !important;
}

.bonus-cash ul.alphabetic-cols li {
    margin-bottom: 4px;
    list-style-type: none;
    line-height: 12px;
    float: left;
}

select[name='sort_retailer'] {
    height: 34px;
}

/*--------------------------- Hot Deals
-------------------------------------*/
.deals-box-outer {
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f47789+0,db959f+16,b3c7c8+48,a4dbd8+81,a4dbd8+100 */
    background: #7E708C; /* Old browsers */
    background: -moz-linear-gradient(bottom, #7E708C 0%, #7F748A 16%, #C8C9CA 48%, #DADADA 81%, #D6D6D6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #7E708C 0%, #7F748A 16%, #C8C9CA 48%, #DADADA 81%, #D6D6D6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #7E708C 0%, #7F748A 16%, #C8C9CA 48%, #DADADA 81%, #D6D6D6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47789', endColorstr='#a4dbd8', GradientType=0); /* IE6-9 */
    padding: 10px;
    margin-bottom: 20px;
    height: 222px;
    position: relative;
    cursor: pointer;
}

.deals-box-outer {
    display: block;
    padding: 0;
    height: 177px;
    position: relative;
    cursor: pointer;
    background: none;
    border: solid 1px #eaeaea;
    overflow: hidden;
}

.deals-box-outer2.hotdeals-box {
    height: 217px;
}

.deals-box-outer.gr2 {

}

.deals-box-outer.gr2 .flip-container {
    height: 178px;
}

.deals-box-outer2 {
    display: block;


    padding: 5px;
    margin-bottom: 20px;
    height: 220px;
    position: relative;
    cursor: pointer;
}

.deals-box-outer2.retailer {
    background: rgb(68, 200, 245);
}

.deals-block {
    background: #ffffff;

    position: relative;
    z-index: 1;
}

.fit-banner .deals-block {
    padding: 0px;
}

.deals-box-outer .flip-container, .deals-box-outer .front, .deals-box-outer .back {
    height: 177px;
    background: none;
}

.deals-box-outer .back {
    background: rgba(255, 255, 255, 0.5);
}

.deals-box-outer.hotdeals-box .flip-container, .deals-box-outer.hotdeals-box .front, .deals-box-outer.hotdeals-box .back {
    height: 217px;
}

.deals-box-outer2 .flip-container, .deals-box-outer2 .front, .deals-box-outer2 .back {
    height: 210px;
}

.deals-box-outer2 .front {
    overflow: hidden;
}

.deals-box-outer2 .front > img {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.deals-box-outer2 .back .deal-info,
#rotating-item-wrapper .deal-info {
    margin-top: 0%;
}

.retailer-tip-name {
    position: relative;
}

.retailer-tip-hover {
    text-align: center;
    width: 200px;
    position: absolute;
    z-index: 1000;
    background: #FFF;
    display: none;
}

.retailer-boxes {
    margin-top: 10px;
}

.retailer-box {
    border: 1px solid #B8B8B8;

    height: auto;

}

.retailer-box .image {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #B8B8B8;
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: 105px;
}

.retailer-box .image img {
    width: 100px;
}

.retailer-box .cash-precent {
    text-align: center;
    padding-top: 5px;
    color: #3B424A;
    padding-bottom: 5px;
}

.retailer-box .bottom {
    /*bottom: 0;*/
    left: 0;
    padding: 6px;
    z-index: 1;
    background: #eaeaea;
    font-size: 11px;
    text-align: center;
    border-top: solid 1px #dcdcdc;
    height: 25px;
    width: 100%;
    text-transform: capitalize;
    overflow: hidden;
    font-family: 'MuseoSans', sans-serif !important;
}

.retailer-box-vouchers {
    margin-bottom: 20px;
    background-color: #d8d8d8;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 25px;
}

.retailer-box-vouchers .image {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 25px;
    min-height: 105px;
    position: relative;
    width: 100%;
}

.retailer-box-vouchers .image img.evoucher-logo {
    height: 125px;
    overflow: hidden;
    width: 100%;
    padding: 1px;
    padding-top: 20px;
}

.retailer-box-vouchers .image img.evoucher-flower {
    position: absolute;
    top: -28px;
    width: 55px;
    left: -16px;
}

.retailer-box-vouchers .evoucher-bonus-cash {
    position: absolute;
    text-align: center;
    width: 95%;
    font-family: 'MuseoSans', sans-serif !important;
    top: 1px;
    left: 0px;
    padding-top: 3px;
    padding-bottom: 5px;
    color: #000;
}

.retailer-box-vouchers .cash-precent {
    text-align: center;
    padding-top: 5px;
    color: #3B424A;
    padding-bottom: 10px;
}

.deals-box-outer.gr2 .front {
    background: #fff;
    border: solid 1px #ccc;
}

.deals-box-outer.gr2 .front > img {
    position: absolute;
    z-index: 9;
    top: 5px;
}

.deals-box-outer.gr2 .deal-info {
    padding: 5px 10px 5px 10px;
}

.deals-box-outer.gr2 .front .deal-info {
    /* border: solid 5px #4799ae;*/
    border-bottom: none;
}

.deals-box-outer .front .deal-info {
    color: #000000;
    font-size: 14px;
    height: 65px;
}

.retail-summary {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 2px;
    background: #91cfff;
    color: #444;
    font-size: 16px !important;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: uppercase;
    height: 40px;
    padding-top:10px;
}

/*ONLINE SHOP PAGE*/

/*----------------------- 2 color banner ---------------------*/
.multi-color-banner {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.multi-color-banner.border-y {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.bg-fix {
    background: #3b424a;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 315px;
}

.mc-banner {
    position: absolute;
    top: 0;
    bottom: 0;
}

.mc-left {
    background: #3b424a;
    left: 0;
    width: 30%;
}

.mc-right {
    background: #00718f;
    right: 0;
    width: 70%;
}

.mc-right.transparent {
    background: #ffffff;
    border-top: solid 1px #3b424a;
    border-bottom: solid 1px #3b424a;
}

.mc-info-block {
    display: inline-block;
    width: 300px;
    margin-right: 20px;
    float: left;
    /*background: #F7F7F7;*/
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 20px 40px;
    color: #3b424a;
}

.mc-info-block i {
    font-size: 60px;
}

.modal .form-group .form-control,
.mc-info-block .form-group .form-control {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 0px;
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    height: 35px;
    padding: 5px 10px;
    width: 100%;
}

.mc-logo {
    display: block;
    width: 225px;
    height: 125px;
    position: relative;
    margin: auto;
    margin-bottom: 15px;
    overflow: hidden;
}

.mc-logo > img {
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mc-icon {
    color: #ffffff;
}

.mc-cover {
    position: relative;
    display: block;
}

.mc-cover > img {
    max-height: 90px;
}

.mc-actions {
    display: block;
}

.inline-cta-block {
    display: block;
    text-align: center;
    padding: 0;
    color: #3b424a;
}

.inline-cta-block i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.inline-cta-block > a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 14px;
    color: #3b424a;
}

.side-navigation {
    display: block;
    padding: 10px 0;
}

.side-banner {
    display: block;
    margin-bottom: 20px;
}

.side-banner > img {
    display: block;
    max-width: 100%;
}

.side-nav-categories {
    display: block;
    font-size: 14px;
    background: none repeat scroll 0 0 #f5f5f5;
    margin-bottom: 35px;
    width: auto;
}

.side-nav-categories .block-title {
    border-bottom: 1px solid #ddd;
    color: #000;
     font-family:'MuseoSans', sans-serif !important;
    font-size: 18px;
    margin: 0;
    padding: 10px;
}

.side-nav-categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.side-nav-categories ul li {
    display: block;
    list-style-type: none;
    margin: 0 0 1px 0;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
}

.side-nav-categories ul li:last-child {
    box-shadow: none;
}

.side-nav-categories ul li span {
    text-align: left;
    display: inline-block;
    width: 100%;
}

.side-nav-categories ul li a {
    color: #3d3d3d;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 10px;
    transition: all .1s linear;
    cursor: pointer;
}

.side-nav-categories ul li a:active {
    background: #000;
}

.side-nav-categories ul li a:hover {
    background: #fafafa;
}

.side-nav-categories ul > li.active > span > a {
    background: #d7d2d3;
    color: #000;
    border-left: solid 3px #00718f;
}

.side-nav-categories ul.profile-categ li a {
    font-size: 14px;
}

.side-nav-categories ul.profile-categ li a > i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 3px;
    color: #91cfff;
    font-size: 15px;
}


.side-nav-categories ul li ul.slide-menu {
    display: none;
}

.side-nav-categories ul li ul.slide-menu li a {
    padding-left: 20px;
}

.bc-icon {
    /*background: url(../images/icon_bonuslCash.png) no-repeat left;*/
    width: 24px;
    height: 24px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}

/*.wish-icon {
    background: url(../images/icon_wishlist.png) no-repeat left;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}*/

/*------------- Retailers  Detail--------------------*/
.retailers-you-like {
    border: solid 1px #dadada;
}

.retailer-block {
    display: block;
    width: 100%;
    position: relative;
    border-bottom: solid 1px #dadada;
    position: relative;
    height: 100px;
}

.retailer-block:last-of-type {
    border-bottom: none;
}

.retailer-front {
    padding: 2px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    display: block;
    backface-visibility: hidden;
}

.retailer-front > img {
    max-height: 45px;
    margin: auto;
    margin-bottom: 10px;
    max-width: 100%;
}

.retailer-front > p.no-margin {
    font-size: 11px;
    color: #3b424a;
}

.retailer-front > p.no-margin br {
    display: none;
}

.retailer-front p:empty {
    display: none;
}

.retailer-back {
    width: 100%;
    position: absolute;
    height: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    background: #3b424a;
    opacity: 0;
    transition: all .2s linear;
    padding-top: 17px;
}

.retailer-back .summary {
    color: #ffffff;
    font-weight: 700;
}

.retailer-back:hover {
    opacity: 1;
}

.retailer-logo {
    display: block;
}

.vouchers-flip.no-height .front {
    height: auto;
}

.add-cart-loader, .price-notice,
.add-favorite-msg, .retailer-vouchers .message {
    display: none;
}

/*SIGN UP */

#signup-form .form-control {
    height: 34px;
}

#signup-layout,
#activation-layout {
    text-align: center;
    margin-bottom: 115px;
    margin-top: 40px;
}

#signup-layout h4,
#activation-layout h4 {
    color: #91CFFF;
    font-size: 17px;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
}

#activation-layout .activation-wrapper {
    width: 60%;
    margin: auto;
}

#signup-layout .signup-wrapper {
    width: 80%;
    margin: auto;
}

#signup-layout form .form-group {
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
}

#signup-layout.hs {
    /*margin-top: 80px;*/
}
/*
#signup-layout.hs h1 {
    font-family: 'REIS';
    font-size: 60px;
}*/

#signup-form input[type='submit'] {
    width: auto;
    float: right;
    background-color: #8DC63F;
    border-radius: 0;
    font-size: 15px !important;
     font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

#signup-form .checkbox input[type=checkbox] {
    margin-left: 0px;
    float: left;
    width: auto;
}

#signup-form .checkbox label {
    padding-left: 30px;
    font-size:12px;
}

#signup-form .check-dec a {
    color: #91cfff;
    text-decoration: underline;
}

.chosen-container {
    width: 100% !important;
    background: #fff;
}

.chosen-container-single .chosen-single {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    height: 40px;
}

.chosen-container-single .chosen-single span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 3;
    margin-left: 9px;
    font-weight: 500;
}

.chosen-container-single .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 1px 10px;
}

.chosen-container-single .chosen-drop {
    background: #fff;
}

.chosen-container-single .chosen-search input[type=text] {
}

.surname-wrapper,
.profile-data,
.email-wrapper {
    display: none;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align: center;
    z-index: 9999;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
    display: none;
}

.spinner-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 9999;
    display: none;
}

.success-wrapper {
    padding: 20px 50px;
    background: #d2b158;
    margin: 0px 20% 40px 20%;
}

.success-page {
    margin: 100px 0;
}

.success-page h4 {
    color: #00718f;
    font-size: 20px;
    font-family:'MuseoSans', sans-serif !important;
    text-transform: none;
}

.success-page p {
    padding: 5px;
}

.success-page p,
.success-page h1 {
    color: #3b424a;
}

.success-page i {
    color: #00A815;
    font-size: 80px;
}

.success-page .count-down-redirect {
    color: red;;
}

p.error {
    color: #000;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #fa989f;
    background-color: #fa989f;
    margin-top: 20px;
}

.error-view {
    color: #FF6060;
    font-size: 14px;
}

/*-------------------------- Popover Menu
---------------------------------------*/
.dropdown-menu.popover-menu
{
	 /* left: 180px;
    right: 180px;
    padding: 15px;
    opacity: 0.85;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 4;
    background: rgba(255, 255, 255, 0.95);
    bottom: 60px; */
    left: 0px;
    right: 180px;
    padding: 15px;
    /* opacity: 0.85; */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    background: rgba(255,255,255,0.95);
    bottom: 40px;
    min-width: max-content;
    min-width: -moz-fit-content;
    width: 100%;
    z-index: 10011;
}

.dropdown-menu.popover-menu:after {
    content: "";
    display: block;
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 9px 10px 0px 10px;
    border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
}

.ln-letters {
    position: relative;
}

.ln-letters.fixed {
    position: fixed;
    display: none;
    top: 0px;
}

.ln-letters .ln-selected {
    background-color: #ffce00 !important;
}

@media (max-width: 991px) {
    .dropdown-menu.popover-menu {
        -webkit-column-count: inherit;
        -moz-column-count: inherit;
        column-count: inherit;
        overflow-y: scroll;
        max-height: 300px;
    }

    .dropdown-menu.popover-menu:after {
        content: normal;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.popover-menu {
        left: 0;
        right: 0;
        background: #fff;
        opacity: 1;
    }
}

.dropdown-menu.popover-menu > li {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    font-size: 14px;
    color: #000000;
    display: list-item;
}

.dropdown-menu.popover-menu > li.pop-menu-title {
    display: block;
}

.dropdown-menu.popover-menu > li.pop-menu-title a {
    font-weight: bold;
    font-size: 14px;
    font-weight: 700;

    color: #000000;
    font-size: 16px;
    text-transform: uppercase;

}

.dropdown-menu.popover-menu > li > a {
    padding: 0;
    line-height: 25px;
    display: inline-block;
}

.dropdown-menu.popover-menu > li > a:hover {
    background: none;
    color: #00718f;
}

.mega-navlist {
    padding: 0;
    list-style-type: none;
}

.mega-navlist.col-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.mega-navlist.col-count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.mega-navlist.col-count-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.mega-navlist li.categ-title {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'MuseoSans', sans-serif !important;
    margin-top: 20px;
    font-weight: bold;
}

.mega-navlist li.categ-title:first-of-type {
    margin-top: 0;
}

.mega-navlist li.mega-brand {
    margin-bottom: 15px;
}

.mega-navlist li.mega-brand:last-of-type {
    margin-bottom: 0;
}

.mega-navlist li {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;

}

.mega-navlist li > a {
    color: #000000;
    font-size: 14px;
    line-height: 25px;
}

.mega-navlist li > a:hover {
    color: #00718f;
}

.alphabetic-list-wrapper ul.alphabetic-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border: none;
}

/*.alphabetic-list-wrapper ul#list-retailers li {*/
/*display: list-item;*/
/*}*/
.ln-letters {
    position: static;
    top: 90px;
    display: block;
    margin: 0 auto;
    width: 1150px;
}

.retlist .imgholder {
    width: 130px;
    float: left;
    overflow: hidden;
}

.retlist #list-retailers li img.retailer-logo-list {
    max-width: 100px;
    max-height: initial;
    height: auto;
    margin: 0px;
}

.retlist .nameholder {
    width: 30%;
    float: left;
    height: 70px;
    padding: 13px;
}

.alphabetic-list-wrapper .ln-letters a {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.225rem;
    background: #fff;
    color: #000;
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    border: 1px solid #f7f7f7;
}

.alphabetic-list-wrapper .ln-letters a:hover,
.alphabetic-list-wrapper .ln-letters a:focus,
.alphabetic-list-wrapper .ln-letters a:active {
    background: #ffce00;
    border-color: #ffce00;
}

.alphabetic-list-wrapper .ln-letters a.ln-disabled {
    color: #ccc;
}

.alert-success {
    color: #ffffff;
    background-color: #B7E4F9;
    border-color: #B7E4F9;
}

.alert-normal {
    color: #423c3c;
    background-color: #e4e4e4;
    border-color: #d6d2d2;
}

.alert-normal b {
    color: #423c3c;
}

.store-sub-banner h1 {
    font-size: 36px;
     font-family:'MuseoSans', sans-serif !important;
    margin-top: 15px;
}

.signup-form-fb-modal .signup-fb-btn-modal,
.signup-wrapper .btn-facebook-white {
    background: #3b5998;
    padding: 7px 30px;
    font-size: 14px;
    color: #f7f7f7;
    transition: all .1s linear;
    font-weight: 300;
    display: block;
}

.signup-wrapper .signup-fb {
    text-align: right;
    display: block;
    float: right;
    margin: 10px 0;
}

#facebookModal .modal-header {
    border-bottom: 0px;
    padding: 0 15px;
}

#facebookModal .modal-header .close {
    margin-top: 10px;
}

#facebookModal .modal-body {
    padding: 12px 30px 30px 30px;
}

form[name="loginForm"] {
    margin: 100px 0px;
}

form[name="loginForm"] a.btn-secondary,
form[name="loginForm"] a.btn-facebook-white {
    padding: 12px 50px;
    font-size: 16px;
    color: #fff;
    transition: all .1s linear;
    font-weight: 300;
    display: inline-block;
}

form[name="loginForm"] a.btn-secondary {
    font-size: 16px !important;
}

form[name="loginForm"] a.btn-facebook-white {
    background: #3b5998;
    margin-bottom: 15px;
}

form[name="loginForm"] a.btn-facebook-white:hover {
    background: #337ab7;
    color: #ffffff;
}

form[name="loginForm"] a.btn-facebook-white i {
    /*width:25px;*/
    text-align: left;
}

.select-store {
    display: block;
    padding: 30px 0;
}

.tab-list ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}

.tab-list ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.tab-list ul li a {
    padding: 5px 25px;
    /*background:#f2f2f2;*/
    display: block;
    color: #6a7078;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all .1s linear;
}

.tab-list ul li a:hover,
.tab-list ul li a.active {
    background: #f2f2f2;
    color: #ffffff;
}

.auto-populate ul.location-list li {
    width: 100%;
}

.address-block
{
    border-bottom:solid 1px #dddddd;
    margin-bottom:20px;
    padding-bottom:20px;
}
.address-block:last-of-type
{
    margin:0;
    padding:0;
    border:none;
}
.first-nearest-store .address-block
{
    padding:15px;
}
.address-block > a
{
    text-decoration:underline;
    color:#000000;
    display:block;
    margin-bottom:10px;
}
.first-nearest-store .address-block ul li
{
    line-height: 22px;
    margin-bottom: 10px;
}

@media (min-width: 1170px) {
    .hd-landing-block {
        width: 25%;
        min-height: 550px;
    }
}

@media (min-width: 1440px) {
    .hd-landing-block {
        width: 25%;
        min-height: 600px;
    }
}

@media screen and (min-width: 1600px) {
    .hd-landing-block {
        width: 25%;
        min-height: 700px;
    }
}

@media (min-width: 992px) {
    .slider-copy {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        padding: 30px 15px;
        bottom: 0;
        max-width: 1140px;
    }

    .big-slider {
        position: relative;
        background-position: 80%;
    }

    .cta-block {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: inherit;
    }
}

@media (max-width: 767px) {
    .filter-menu .dropdown-menu .checkbox,
    .filter-menu .dropdown-menu .radio {
        padding-left: 30px;
    }

    .ibox-title {
        text-align: left;
    }

    .ibox-title h5, .ibox-title h6 {
        font-size: 15px;
        text-align: left;
        display: block;
    }

    .footer-links {
        border: none;
    }

    .social-links {
        text-align: center;
    }

}


/* Join Page Manual */


.join-list ul
{
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
.join-list ul li
{
	margin-bottom:10px;
}
.join-list ul li i
{
	float:left;
	display:inline-block;
	margin-right:5px;
	margin-top:4px;
}
.join-list ul li span
{
	display:block;
	overflow:hidden;
}


/* Calctulator */

.calcForm{
    margin: 24px auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    display: inline-block;
    vertical-align: top;
}
.calcForm,.amountBlock{
    display: inline-block;
    vertical-align: top;
}
.calcResult{
    text-align: center;
    width: 100%;
    border: 1px solid #cccccc;
    margin-bottom: 20px;
}
.calcResult i{
    font-size: 23px;
    color: #afafaf;
}
.calcResult tr:nth-child(even){
    background-color: #e5ebf1;
}
.calcResult tr{
    border-bottom:1px solid #cfcfcf;
}
.calcResult tr td{
    padding: 5px;
}
.calcResult .calcHead,.calcAmount{
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
    color: #666666;
}

.container.jdrf-wrapper {
    /*width: 60%;*/
    margin: 50px auto;
}

.container.jdrf-wrapper .news-title {
    font-weight: normal;
    font-style: normal;
    color: #00457b;
    font-size: 20px;
    display: block;
}

.container.jdrf-wrapper .news-date {
    font-size: 12px;
    color: #9f9f9f;
}

.container.jdrf-wrapper .news-more {
    background-color: #007CC1;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}

.container.jdrf-wrapper .news-photo a {
    color: #fff;
    padding: 5px 18px;
    display: table;
    margin-left: auto;
    position: relative;
    margin-top: -27px;
    font-size: 12px;
    background-color: #007cc2!important;
}

.container.jdrf-wrapper .news-description {
    line-height: 1.9em;
    margin: 20px 0;
     font-family:'MuseoSans', sans-serif !important;
    font-weight: 500;
}

.container.jdrf-wrapper .news-category-list {
    background: #F3F3F3!important;
    border-radius: 4px;
    border-bottom: 2px solid #cccdce;
    padding: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.container.jdrf-wrapper h5 {
    border-bottom: 5px solid #00457b!important;
    color: #00457b!important;
    padding-left: 0;
    font-size: 18px;
    padding-bottom: 10px;
}

.container.jdrf-wrapper .news-category-list li {
    display: block;
    padding-bottom: 10px;
}

.container.jdrf-wrapper .news-category-list li a {
    color: #007cc2;
    text-transform: uppercase;
}

.container.jdrf-wrapper .news-category-list li a:hover {
    color: #91cfff;
}

.container.jdrf-wrapper .news-more,
.container.jdrf-wrapper .news-title,
.container.jdrf-wrapper .news-date {
    text-transform: uppercase;
}

.program_btn {
    text-transform: capitalize !important;
    color: var(--store_btn_txt_colour) !important;
    /* background-color: #b0953a; */
    /* border-color: #b0953a; */
    border-radius: 0px;
    width: auto;
    background: linear-gradient(var(--store_btn_colour), var(--store_btn_colour));
    /* letter-spacing: 0.1em; */
    border: 1px solid var(--store_btn_colour)  !important;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
}
.program_btn:hover {
    color: var(--store_btn_txt_colour)  !important;
    background: var(--store_btn_hover_colour);
    border: 1px solid var(--store_btn_hover_colour)  !important;
}
.program_btn.active.focus, .program_btn.active:focus, .program_btn.active:hover, .program_btn:active.focus, .program_btn:active:focus, .program_btn:active:hover, .open>.dropdown-toggle.program_btn.focus, .open>.dropdown-toggle.program_btn:focus, .open>.dropdown-toggle.program_btn:hover, .program_btn:active, .program_btn.focus, .program_btn:focus {
    color: var(--store_btn_txt_colour)  !important;
    background: var(--store_btn_hover_colour);
    border: 1px solid var(--store_btn_hover_colour)  !important;
}

.flip-container .btn{
    border-radius: 0px;
}
