.pagination .pages ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .pagination .pages ul > li {
        display: inline-block;
        width: 36px;
        height: 36px;
        font-size: 11px;
        font-weight: 500;
        line-height: 34px;
        text-align: center;
        margin-right: 5px;
    }

        .pagination .pages ul > li.previous-page {
            width: 65px;
        }

        .pagination .pages ul > li > a,
        .pagination .pages ul > li > span {
            display: block;
            width: auto;
            height: 36px;
            transition: all .3s;
            border: 1px solid transparent;
            border-radius: 50%;
            color: #606975;
            line-height: 34px;
            text-decoration: none;
        }

            .pagination .pages ul > li > a:hover {
                border-color: #e1e7ec;
                background-color: #f5f5f5;
            }

        .pagination .pages ul > li.current-page > span {
            border-color: #0da9ef;
            background-color: #0da9ef;
            color: #fff;
        }

        .pagination .pages ul > li.total-summary {
            padding-right: 20px;
            display: none;
        }

.attributes dt {
    padding-top: 2px;
    border-top: none;
    color: #374250;
    font-weight: 300;
}

    .attributes dt ul,
    .attributes dd ul {
        padding-left: 0px;
    }

    .attributes dt li,
    .attributes dd li {
        list-style: none;
    }

.cart-total tr td {
    padding: 0px;
    border: none;
}

.shopping-cart-footer > .column.cart-order-total {
    vertical-align: top;
    margin-top: 10px;
}

.shipping-options {
    margin-top: 10px;
}

    .shipping-options .form-group label {
        padding-left: 0px;
        width: 125px;
    }

.cart-order-total {
    width: 30%;
}

.date-picker-wrapper .form-control {
    display: inline-block;
    width: 31%;
    margin-right: 20px;
}

    .date-picker-wrapper .form-control:last-child {
        margin-right: 0px;
    }

.date-of-birth .date-picker-wrapper .form-control {
    width: 29%;
}

.field-validation-error {
    color: #ff5252;
    padding-top: 2px;
    padding-left: 18px;
}

.list-group-item.active {
    pointer-events: auto !important;
}

.table.table-borderless td {
    border: none !important;
}

.mini-shopping-cart .attributes {
    font-size: 12px;
}

.pages .total-summary {
    width: auto !important;
}

.customer-orders:before {
    content: "\e106";
}

.customer-info:before {
    content: "\e034";
}

.customer-addresses:before {
    content: "\e072";
}

.downloadable-products:before {
    content: "\e072";
}

.back-in-stock-subscriptions:before {
    content: "\e072";
}

.reward-points:before {
    content: "\e075";
} 

.change-password:before {
    content: "\e008";
}

.customer-avatar:before {
    content: "\e074";
}

.customer-reviews:before {
    content: "\e072";
}

.sponsor-list:before {
    content: "\e009";
}

.refer-a-friend:before {
    content: "\e081";
}

.icon-payment:before {
    content: "\e009";
}

.icon-thumbs-up:before {
    content: "\e042";
}

.icon-thumbs-down:before {
    content: "\e043";
}

.color-squares li {
    display: inline-block;
    margin-right: 15px;
}

.width-auto {
    width: auto !important;
}

.widget-categories ul > li.title::before, .widget-links ul > li.title::before {
    display: none;
}

.widget-categories ul > li.title, .widget-links ul > li.title {
    padding-left: 0px;
    color: #9da9b9;
}

    .widget-categories ul > li.title strong, .widget-links ul > li.title strong {
        font-weight: 500;
    }

.prices-table td,
.prices-table th {
    padding: 0.35rem !important;
}

.ui-widget.ui-widget-content {
    position: absolute;
    left: 0px;
    border: 1px solid rgb(225, 231, 236);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    line-height: 1.5;
    box-shadow: rgba(47, 56, 68, 0.2) 0px 7px 22px -5px;
    margin-top: -7px !important;
    padding: 10px 0px !important;
}

    .ui-widget.ui-widget-content a {
        transition: color .3s;
        color: #606975;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

    .ui-widget.ui-widget-content .ui-state-active {
        border: none !important;
    }

.meta-link {
    font-size: 80%;
}

    .meta-link > i {
        margin-top: -4px;
        margin-right: 7px;
        color: #9da9b9;
    }


.rewardpoint-expired {
    font-size: 70%;
    margin-right: 5px;
}

input:focus {
    outline: none;
}

/*sweet alert */
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    margin-top: 13px;
}

.swal2-popup .swal2-validation-message {
    background-color: #fff !important;
    color: red;
    font-size: 80%;
}

.swal2-popup  .swal2-label {
    font-size: 80%;
    color: darkgrey;
}

.swal2-radio {
    display: block !important;
}

.swal2-popup .swal2-radio label {
    margin-top: 5px;
}

/*validation*/

.message-error, .validation-summary-errors {
    color: red;
}

    .validation-summary-errors ul, .message-error ul {
        list-style: none;
        background-color: rgba(255, 82, 82, 0.12);
        color: #ff5252;
        position: relative;
        padding: 24px;
        border: 5px solid transparent;
        border-radius: 5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-clip: padding-box;
        margin-bottom: 24px !important;
        text-align: center !important;
    }

        .validation-summary-errors ul::before, .message-error ul::before {
            display: block;
            position: absolute;
            top: -6px;
            right: -6px;
            bottom: -6px;
            left: -6px;
            border: 1px solid transparent;
            border-color: rgba(255, 82, 82, 0.25);
            border-radius: 5px;
            content: '';
            z-index: -1;
        }

        .message-error ul::before {
            z-index: 1;
        }

.addressicon {
    margin-top: -4px;
    padding-right: 5px;
    font-size: 133%;
}

.addressname {
    line-height: 2.8;
}

.v-center {
    vertical-align: middle !important;
}

.no-data {
    font-size: 16px;
    color: #606975;
}

.paymentmethodrows input[type=radio] {
    visibility: hidden;
    height: 0;
}

    .paymentmethodrows {
        animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
    }

.paymentmethodrows input[type=radio]:checked + label {
    border: 2px solid #0296cc;
    background-color: #f5f5f5;
}

.paymentmethodrowsxxx > label::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    box-shadow: 0 8px 10px -4px rgba(0,0,0,0.2);
    content: '';
    z-index: -1;
}

.rewardpointselect {
    padding-right: 50px;
    margin: 0;
    margin-left: 0;
    width: auto; 
    display: inline-block;
    position: relative;
    height: 65px;
    margin-right: 12px;
    padding: 10px 22px;
    border-radius: 22px;
    background-color: #f5f5f5;
    color: #606975;
    font-family: "Maven Pro", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .07em;
    line-height: 46px;
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border: 1px solid #eee;
}

.rewardpointselect  .media img {
    width: 45px;
}

.rewardpointselectwrapper {
    display: inline-block;
}

.payment-method input[type=checkbox] {
    visibility: hidden;
    height: 0;
}

.rewardpointselected {
   /* background-image: url(../images/tick.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right 20px center;*/
    border: 1px solid #0296cc;
    background-color: #f5f5f5;
    border-radius: 22px;
}

 /*   .rewardpointselected::before {
        display: block;
        position: absolute;
        top: -6px;
        right: -6px;
        bottom: -6px;
        left: -9px;
        border: 1px solid transparent;
        border-radius: 5px;
        content: '';
        z-index: 0;
        border-color: rgba(80,198,233,0.3);
    } */

    .rewardpointselected .media-body-reward h6, .rewardpointselected .media-body-reward span {
        color: #50c6e9 !important;
    }

.media-body-reward {
    padding-right: 40px;
}

.yesselected, .noselected {
    display: table;
    width: 100%;
    transition: all 1s ease;
    border-bottom: 1px solid #e1e7ec;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.yesselectedtext, .noselectedtext {
    font-family: "Maven Pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .07em;
}

.yesselected > .column:first-child, .noselected > .column:first-child {
    text-align: left;
}

.yesselected > .column, .noselected > .column {
    display: table-cell;
    padding: 10px 15px;
    vertical-align: middle;
}

.yesselected > .column:last-child, .noselected > .column:last-child {
    text-align: right;
}

/* payment */

.page-body .result {
	text-align: center;
	margin: auto;
	font-size: 120%;
	font-weight: 400;
    max-width: 600px;
    color: #009c00;
}

.page-body .result img {
	max-width: 178px;
	width: 100%;
	margin: auto;
}

.contactus i {
    margin-top: -6px;
    padding-right: 10px;
    color: #0296cc;
    font-size: 20px;
}

.contactus p { 
    margin-bottom: 8px;
}

.product-cat-title p {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

#product-details-formx span.product-price  {
    background-color: #0c223e;
    padding: 7px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


#product-details-form span.product-price > span {
    color: rgb(218, 16, 16);
    /*color: rgb(255, 253, 253);*/
     font-weight: 600; 
    font-size: 100%;
}

.blogpost-page p {
    font-size: 110%;
    color: #606975;
}

.blogpost-page h2, .blogpost-page h3 {
    padding-top: 20px;
}

.blogpost-page h4 {
    padding-top: 20px;
}

/* product model selection */
.cc-selector {
    padding-left: 7px;
}

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
            border: 1px #0296cc solid;
    border-radius: 3px;
}

.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
    display:inline-block;
    width:90px;
    height:64px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    /*-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);*/
            border: 1px #ccc dotted;
    border-radius: 3px;
}
.drinkcard-cc:hover{
    /*-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);*/
            border: 1px #ccc  solid;
            border-radius: 3px;
}

.cc-input {
    display: inline-block;
}
.cc-text {
    display: inline;
}

.cc-model {
    padding-left: 10px;
    min-height: 25px;;
}

.text-selectmodel {
    color: #50c6e9 !important;
    font-weight: 500;
}
/* product model selection */

/* sweetalert */
.swal2-popup .swal2-title {
    font-weight: 300;
}

.swal2-container {
    z-index: 9090;
}

.swal2-title p {
    margin-top:0;
    margin-bottom:0;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #da2424;
}

.swal2-icon.swal2-error {
    border-color: #ef6a6a;
}
/* sweetalert */

/* notifications */
.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 64px;
    height: 64px;
    margin: -16px 0 0 -16px;
    background: url('../images/loading.gif') center no-repeat;
    border-radius: 50%;
}
/* notifications */

/* pretty */
.readonlycheckbox .pretty {
    line-height: 2;
}

.readonlycheckbox .pretty.p-image .state img {
    width: calc(3em + 2px);
    height: calc(3em + 2px);
    top: calc((0% - (100% - 2em)) - 8%);
}

.readonlycheckbox .pretty .state label {
    text-indent: 3.5em;
    font-weight: 500;
}
/* pretty */

/* padding */
.padding-bottom-pt5 {
    padding-bottom: 5px;
}

.padding-bottom-pt10 {
    padding-bottom: 10px;
}

.padding-bottom-pt15 {
    padding-bottom: 15px;
}

.padding-left-pt5 {
    padding-left: 5px !important;
}

.margin-bottom-pt5 {
    margin-bottom: 5px !important;
}

/*padding*/

/* select model */
.product-select {
    font-family: 'Cormorant', serif;
    font-weight: 300;
    font-style: italic;
    color: #000;
    font-size: 16px;
}

.attributes .option-list {
    padding-left: 3px;
}
/*select model */

/* cart */
.product-info .attributes, .mini-shopping-cart .attributes {
    padding-left: 10px;
}

#shopping-cart-form .product-info .attributes {
    margin-top: -5px;
}

.product-info .attributes em, .mini-shopping-cart .attributes {
    font-family: 'Cormorant', serif;
    font-weight: 300;
    /*font-style: italic !important;*/
    color: #4e535a;
}

.earn-reward-points {
    /*font-family: 'Cormorant', serif;
    font-weight: 300;*/
    font-style: italic !important;
    color: #9da9b9;
    font-size: 120%;
    letter-spacing: 3px;
}

.shopping-cart-footer > .column {
    vertical-align: top !important;
}

#shopping-cart-form .tax-shipping-info  {
    font-size: 120%;
}

.cart-order-total * {
    font-size: 16px;
}

.cart-total-left {
    font-weight: 900;
}

.widget-order-summary .table tr:last-child > td {
    padding-top: 12px;
    border-top: 0 !important;
}

.shopping-cart-footer:last-child {
    padding: 25px 0;
}

.ordertoalsection {
    border-top: 1px solid #e1e7ec;
}

.shopping-cart .product-item .product-thumb, .shopping-cart .product-item .product-info, .wishlist-table .product-item .product-thumb, .wishlist-table .product-item .product-info, .order-table .product-item .product-thumb, .order-table .product-item .product-info {
    vertical-align: middle !important;
}

/* cart */

/* topbar */
a.text-lg {
    font-size: 16px !important;
    text-decoration: underline !important;

}

/* topbar */

/* toptopbar */
.toptopbar {
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    background-color: #e63128;
    color: #fff;
  }
.toptopbartext {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }

/* topbar */

/* indigo dollar */
.icon-indigodollar {
    margin-top: -4px;
    padding-right: 6px;
}

a.indigodollarslink * {
   color: #9da9b9;
}
/* indigo dollar*/

/* checkout */

#checkout-steps .step-title {
    cursor: pointer;
    padding-right: 12px !important;
}

.message-failure {
    color: #e63b3b;
}

.btn-tiny {
    height: 24px  !important;
    padding: 0 12px  !important;
    border-radius: 18px  !important;
    font-size: 8px  !important;
    line-height: 23px  !important;
}

.opc .number {
    color: white;
    background: #0296cc;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    padding-top: 5px;
}

.samebilling {
    padding-left: 10px;
}

.pretty.p-switch input:checked~.state label:after {
    background-color: #ffb74f !important;
    left: 1em;
}

.pretty.p-switch input:checked~.state:before {
    border-color: #ffb74f !important;
}

ul.opc {
    padding-left: 0;
}

#checkout-steps .step {
    width: 90%;
    margin: auto;
}

.checkout-footer {
    border-radius: 0 !important;
}

#checkout-steps li.active {
    /*border-top: 4px solid #0296cc !important;
    padding: 25px !important;
    border-radius: 10px;
    border: 5px springgreen;
    border: 3px solid #0296cc !important;
    border-radius: 8px !important;*/
}

#checkout-steps .card-header img {
    /*max-width: 90px !important; */
    display: none !important;
}

#checkout-steps .active .card-header {
    color: #333 !important;
}

#checkout-steps .active .card-header {
    border-bottom: 1px solid #e1e7ec !important;
}

#checkout-steps .card-header img.active {
    display: none !important;
}

#checkout-steps .card-header img.idle {
    display: inline-block !important;
}

#checkout-steps .active .card-header img.idle {
    display: none !important;
}

#checkout-steps .active .card-header img.active {
    display: inline-block !important;
}

#checkout-steps .card-header {
    padding:0 !important;
    margin: 0 !important;
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;
    color: #ccc !important;
    width: 100% !important;
    /*padding: 40px 0 !important;*/
    cursor: pointer !important;
    background-color: #fff !important;
    border-bottom: 0 !important;

}

#checkout-steps .card-header {
    /*font-size:32px;*/
    line-height: 100px;
    font-weight: 300;
    letter-spacing: 0;
}



#checkout-steps .card {
    border: none !important;
    border-top: 1px solid #e1e7ec !important;
    border-radius: 0 !important;

}

@media (max-width: 575px) {
    .rewardpointsbuttons  .btn, 
    .paymentmethodrows  .btn {
        width: 100% !important;
    }

    #co-payment-method-form .card-body,
    #co-billing-form .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    ul.opc .display-5 {
        font-size: 22px !important;
    }
  }

  /* check out */


/* checkout */

/* slider */
.hero-slider > .owl-carousel.dots-inside .owl-dots {
    padding-top: 12px !important;
}
/*slider */

/* typography */
.display-5 {
    font-size: 30px
}

.display-6 {
    font-size: 20px
}

.display-7 {
    font-size: 17px
}

.text-header {
    color: #374250 !important;
}

.text-red2 {
    color: #ff5252 !important;
}

.w-60 {
    width: 60px !important;
    max-width: 60px !important;
}

.w-30 {
    width: 30px !important;
    max-width: 30px !important;
}

/*------------------------------------
  Divider
------------------------------------*/
.u-divider {
    position: relative;
    display: inline-block;
  }
  
  .u-divider::before, .u-divider::after {
    position: absolute;
    top: 50%;
    content: "";
  }
  
  .u-divider::before {
    right: 100%;
    background-image: linear-gradient(45deg, transparent 0%, #bfc3ca 100%);
    background-repeat: repeat-x;
  }
  
  .u-divider::after {
    left: 100%;
    background-image: linear-gradient(45deg, #bfc3ca 0%, transparent 100%);
    background-repeat: repeat-x;
  }

/*------------------------------------
  Divider Sizes
------------------------------------*/
/* Extra Small */
.u-divider--xs {
    font-size: 0.75rem;
  }
  
  .u-divider--xs::before, .u-divider--xs::after {
    width: 2rem;
    height: 0.0625rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .u-divider--xs::before {
    margin-right: 0.625rem;
  }
  
  .u-divider--xs::after {
    margin-left: 0.625rem;
  }
  
  .u-divider--xs::before, .u-divider--xs::after {
    width: 2rem;
  }
  
  /*------------------------------------
    Divider Styles
  ------------------------------------*/
  /* Text */
  .u-divider--text {
    color: #8c98a4;
  }
  
  .text-underline {
      text-decoration: underline !important;
  }

/*typography */

/* login/register */

.rememberme {
    padding-right: 10px;
    padding-left: 10px;
}

.rememberme .pretty.p-bigger .icon, .pretty.p-bigger .img, 
.rememberme .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
    font-size: 1.2em!important;
    top: calc((0% - (100% - 0.6em)) - 0%)!important;
}

.rememberme .navi-link {
    line-height: 1;
}

.header-register {
    display: inline-block;
    margin-top: 5px;
}

.header-img {
    margin-top: -6px;
    display: inline-block;
}

.newsletter-wrapper, .newsletter-wrapper label {
    margin-top: 4px !important;
    margin-left: 5px;
}

.newsletter-wrapper .pretty.p-bigger .icon, .pretty.p-bigger .img, 
.newsletter-wrapper .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
    font-size: 1.2em!important;
    top: 0px !important;
}

.accept-consent .state label {
    margin-top: 3px;
}
/* login/register */

/* home page */
.hero-slider {
    min-height: 580px !important;
}

.hero-slider > .owl-carousel {
    min-height: 580px !important;
}

/*.topbar {
    display: none !important;
}

.owl-dots {
    display: none !important;
}*/

.w100 {
    width: 100% !important;
}

.page-title {
    margin-bottom: 40px !important;
}

.text-green {
    color: #70c041 !important;
}

.text-healthy {
    color: #00ade4 !important;
}

/* products */
.img-thumbnailsw {
    border: 1px solid #121315 !important;
}

ol.centerit {
    text-align: left;
    width: 70%;
    position:relative;
    left: 22%;
}

/* avatar file input */
.avatar_selected {
    padding: 30px;
    border: 2px dashed #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
}

.otpcode {
    letter-spacing: 10px;
    font-weight: 900;
}

/*
.impersonate a, .topbar-column a {
    font-weight: 900;
    color: #50c6e9 !important;
    padding-left: 10px;
    text-transform: uppercase; 
}
*/

.impersonate {
    color: #ccc;
    font-size: 80%;
}

.topbar {
    background-color: #232223 !important;
}

.topbar-column {
    width: 100% !important;
}

.topbar-column a {
    margin: 0 !important;
    margin-right: 10px !important;
}

.topbar-column div {
    display: inline !important;
    margin: 0 !important;
    margin-right: 10px !important
}

.checkout-data button {
    display: none !important;
}