.shopping_cart {

}
legend{
    border:none !important;
    margin: 0px !important;
}
.cart-col-container-relative {
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
}

.shopping_cart, .cart-col-container-relative {
    border-radius: 8px;
    padding-bottom: .4em;
}

.shopping_cart.empty-cart {
    text-align: center;
}

.shopping_cart h2, .shopping_cart h3, .shopping_cart h4, 
.shopping_cart .cart-row .cart-item .cart-item-name h4, 
.quantity-spinner li h4, 
.shopping_cart .cart-row .cart-item .cart-item-name h4, 
.shopping_cart .cart-row .cart-item .cart-item-price h4, 
.shopping_cart .cart-row .cart-item .handling-fee-charge h4,
.total {
    font-family: "Museo700-Regular";
}

.shopping_cart h2, .shopping_cart h3 {
    color: #ffffff;
    text-transform: capitalize;
}

.cart-status-text h3 {
    font-size: 1.2em;
    margin: 10px 0 8px;
}

.cart-location-dates h2 {
    font-size: 2em;
    padding: 0.3em .2em 0em 0em;
    margin: 0;
}

.cart-location-dates h3 {
    font-size: 1.2em;
    margin: .2em 0 .6em 0;
}

.cart-location-dates h2 span {
    float: right;
    color: #c72825;
}

.shopping_cart .cart-icon {
    position: absolute;
    right: 12px;
    top: 8px;
}
.shopping_cart .cart-icon img {
    height: 3em;
}

.cart-location-image {
    max-height: 8em;
    overflow: hidden;
    border-bottom: .4em solid #589fd6;
}

.cart-location-image img {
    min-height: 100%;
    width: auto;
}

.cart-items-container {
    /* max-height: calc(100vh - 350px); */
    background-color: #faa61a;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: auto;
    overflow-x: hidden;
}

.cart-header-container {
    -webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.75);
}

.shopping_cart .cart-row {
    background-color: #ffffff;
    margin: 0 0 0 0;
    border-bottom: .3em solid #589fd6;
}

.single-set-supplement-row {
    display: none;
}

.single-set-supplement-row.sss-location {
    display: block;
}

.coupon-new-button {
    font-size: 1.8em;
    color: #2fb5b1;
    cursor: pointer;
}

.coupon-new-button:hover {
    color: #faa61a;
}

.coupon-add h5 {
    color: #c5d0e0;
}


.coupon-item, .coupon-add {
    background-color: #547da9;
}

.coupon {
    height: 2em;
}

.shopping_cart .coupon-item, .shopping_cart .coupon-add {
    border-top: .6em solid #14487f;
    padding: .4em;
}

.coupon-code h5, .coupon-code input {
    display: inline-block;
}

.coupon-code h5 {
    padding: 0;
    margin: 0;
}

.coupon-code input {

}

.coupon-code h5 {

    color: #ffffff;

}

.coupon-code input {
    width: 92%;
    border: none;
    border-radius: 5px;
}

.coupon-code input::placeholder {
    opacity: 0.5;
}

.coupon-code button {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    border-radius: .4em;
    background-color: #faa61a;
    float: right;
    cursor: pointer;
}

.shopping_cart .total.discount-total {
    margin: 0;
}

.shopping_cart .cart-row .cart-thumbnail, .shopping_cart .cart-row .cart-item {
    /*background-color: #ffffff;*/
}

.shopping_cart .cart-row .cart-thumbnail {
    display: inline-block;
    vertical-align:top;
    height: 100%;
    min-width: 16%;
    width: 16%;
    /*background-color: #ffffff;*/
    padding-left: .2em;
    padding-top: .3em;
}

.shopping_cart .cart-row .cart-thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.shopping_cart .cart-row .cart-item {
    display: inline-block;
    width: 84%;
    padding: 0 .8em 0 .8em;
}

.shopping_cart .cart-row.handling .cart-item,
.shopping_cart .cart-row.cheapest .cart-item,
.shopping_cart .cart-row.single-set-supplement-row .cart-item,
.shopping_cart .cart-row.earlylate .cart-item,
.shopping_cart .cart-row.promo .cart-item,
.shopping_cart .cart-row.loyalty .cart-item,
.shopping_cart .cart-row.voucher .cart-item,
.shopping_cart .cart-row.credit-card-row .cart-item,
.shopping_cart .cart-row.voucher .cart-item,
.shopping_cart .cart-row.voucher .cart-item {
    width: 100%;
}

.shopping_cart .cart-row.handling .cart-thumbnail,
.shopping_cart .cart-row.cheapest .cart-thumbnail,
.shopping_cart .cart-row.single-set-supplement-row .cart-thumbnail,
.shopping_cart .cart-row.earlylate .cart-thumbnail,
.shopping_cart .cart-row.promo .cart-thumbnail,
.shopping_cart .cart-row.loyalty .cart-thumbnail,
.shopping_cart .cart-row.voucher .cart-thumbnail,
.shopping_cart .cart-row.credit-card-row .cart-thumbnail,
.shopping_cart .cart-row.voucher .cart-thumbnail,
.shopping_cart .cart-row.voucher .cart-thumbnail {
    display: none;
}

.shopping_cart .cart-row .cart-item .gold-cover-item {
    padding-top: 1em;
    padding-bottom: 1em;
}

.shopping_cart .cart-row .cart-item .cart-item-name {
    font-size: 16px;
    color: #636363;
    margin: .5em 0 .2em 0;
    padding-right: 0;
}

.quantity-spinner li h4, .shopping_cart .cart-row .cart-item .cart-item-name h4 {
    font-size: 1em;
    color: #000000;
    letter-spacing: initial;
    margin-top: 0;
    margin-bottom: 0;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_price label.max-qty-display {
    color: grey;
    font-size: 16px;
}

.shopping_cart .cart-row .cart-item .cart-item-name h4 {
    margin: 0;
}

.handling-fee {
    float: left;
}
.handling-fee-charge {
    float: right;
    margin-top: .5em;
}
.handling-fee-charge h4 {
    font-size: 1.4em;
    margin: 0;
}

.shopping-charge {
    margin-top: .5em;
}

.shopping-charge h4 {
    font-family: "Museo700-Regular";
    font-size: 1.2em;
    color: #ffffff;
    background-color: #589fd6;
    padding: .2em;
    border-radius: 6px;
    letter-spacing: initial;
    margin-top: 0;
    cursor: pointer;
    margin-bottom: 0px;
}

.shopping-charge h4 span{
    
       font-size: 0.9em;
}

.shopping-charge h4:hover {
    background-color: #14487f;
}

.quantity-spinner .quantity-display {
    width: 2em;
    text-align: center;
}

.quantity-spinner .quantity-display h4 {
    margin: .4em 0 0 0;
    font-size: 1.2em;
}

.shopping_cart .cart-row .cart-item .cart-item-remove {
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
}

.shopping_cart .cart-row .cart-item .cart-item-remove .btn {
    color: #c72825;
    padding: 0 .2em .2em .2em;
    font-size: 18px;
    line-height: 18px;
    margin: .6em 0 0em 0;
    outline: none;
}

.shopping_cart .cart-row .cart-item .cart-item-remove .btn i {
    font-weight: 900;
}

.shopping_cart .cart-row .cart-item .cart-item-remove .btn:hover {
    color: #ffffff;
    background-color: #14487f;
    border-radius: 4px;
}

.shopping_cart .cart-row .cart-item .cart-item-quantity {
    color: #303030;
}

.shopping_cart .cart-row .cart-item .cart-item-quantity {
    float: left;
    width: 60%;
}

.shopping_cart .cart-row .cart-item .cart-item-price {
    float: left;
    width: 40%;
}
.shopping_cart .cart-row.gold-cover-row .cart-item .cart-item-price {
    float: left;
    width: 100%;
}

.cart-item-quantity .btn-link {
    color: #faa61a;
    font-size: 1.6em;
    padding: 0px 5px;
}

.shopping_cart .cart-row .cart-item .cart-item-quantity-insurance {
    color: #303030;
    text-align: left;
}
.shopping_cart .cart-row .cart-item .cart-item-quantity label {
    font-weight: normal;
}

.shopping_cart .cart-row .cart-item .cart-item-quantity input {
    border-color: #a5a5a5;
}

.cart-item-quantity button:hover {
    box-shadow: none;
    background-color: #779d7e;
}

.cart-item-quantity button:hover i {
    color: #ffffff;
}

.shopping_cart .cart-row .cart-item .cart-item-price,
.shopping_cart .cart-row .cart-item .handling-fee-charge, .earlylate .shopping_cart .charges h4, .earlylate .cart-item-price, .cart-item-remove h4, loyalty .h4{
    color: #14487f;
    text-align: right;
}

.shopping_cart .cart-row .cart-item .cart-item-price h4, .cart-item-remove h4,loyalty .h4 {
    font-size: 1.4em;
    margin: 6px 0 0;
}

.shopping_cart .charges .shopping-charge {
    /*text-align: right;*/
}

.shopping_cart .charges,
.shopping_cart .total-row {

    padding: 0;
}

.coupon-item .col-xs-12{
    padding: 0px 10px;
}
.coupon .col-xs-6{
    padding: 0px;
}
.coupon input{
    margin:0px;
}
.coupon .row{
    margin:0px -10px;
}

.shopping_cart .charges .total h4,
.shopping_cart .total-row .total h4 {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 100;
    margin: 7px 0px;

}

.shopping_cart .total {
    color: #505452;
    text-align: right;
    padding:0px 9px;

}

.shopping_cart .checkout, .checkout {
    text-align: center;
    margin: 0;
}

.cart-col-container-relative .row.checkout, .cart-column .row.checkout {
    padding-bottom: .6em;
}

.cart-row.gold-cover-row {
    background-color: #fbe5a0;
}

.gold-cover-details h4 {
    font-size: 1.2em;
    color: #505050;
}

/* Shopping Cart Related */
#cart-button-container {
    position: absolute;
    background-color: #52AB60;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: .5em;
    right: 20px;
    top: 28px;
}

.cart-button {
    position: relative;
    cursor: pointer;
}
.cart-button i {
    font-size: 30px;
    color: #ffffff;
    vertical-align: middle;
    margin: 0px 10px;
}

.cart-button div {
    font-size: 16px;
    vertical-align: middle;
    margin: 0px 10px;
}

.cart-button div.item-quantity {
    width: 40px;
    height: 40px;
    border: 4px solid #b6d6c3;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    color: #ffffff;
    font-weight: 700;
}
.cart-button div.total-cost {
    display: inline-block;
    color: #003B78;
    font-weight: 700;
}

.cart-dropdown {
    display: none;
    position: absolute;
    top: 6em;
    width: 600px;
    left: calc(100% - 620px);
    z-index: 5;
    background-color: #faa61a;
    border-top: 8px solid #faa61a;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cart-column {
    z-index: 14;
}

.cart-col-container-relative {
    background-color: #14487f;
    margin: 0 0 1.7em 0;
}

.cart-col-container-fixed {
    position: fixed;
    top: 0;
    margin-right: 15px;
    z-index: 999;
    width: calc(25% - 15px);
    right: 0;
}

.booking-column-container,
.cart-column-container {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.cart-col-container-fixed .shopping_cart,
.cart-col-container-fixed.cart-col-container-relative {
    border-radius: 0 0 8px 8px;
}
.cart-col-container-fixed .cart-items-container {
    max-height: calc(100vh - 430px);
}
.cart-col-container-extras .cart-items-container {
    max-height: calc(75vh - 350px);
}
.cart-col-container-details .cart-items-container {
    max-height: calc(100vh - 350px);
}

/* Anything bigger than SM */
@media only screen and (min-width : 992px) {
    .cart-column-container {
        width: 320px;
        float: right;
        padding-left: 0;
    }
    .booking-column-container {
        width: calc(100% - 320px);
        float: right;
    }
    .cart-col-container-fixed  {
        width: 305px;
        right: 15px;
    }
    .cart-col-container-details .cart-items-container {
        max-height: initial;
    }
}

.shopping-cart-popover-container,.shopping-cart-popover-container-extra {
    position: fixed;
    top: 6em;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 24px #f5f2ee;
    z-index: 98;
    background-color: #faa61a;
    border-radius: 15px;
    padding: 1em;
    display: none;
}

.shopping-cart-popover-container h3,.shopping-cart-popover-container-extra h3 {
    line-height: 1.5em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 0;
}

.shopping-cart-popover-container img,.shopping-cart-popover-container-extra img {
    width: 24%;
}

.cart-item-filter {
    display: inline-block;
    background-color: #cfe0ec;
    color: #6d6d6d;
    padding: .1em .4em;
    margin: 0 .8em 0 0;
    border-radius: 4px;
    letter-spacing: normal;    
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
}

.cart-dropdown .indicator {
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 18px solid #faa61a;
    position: absolute;
    top: -18px;
    left: calc(100% - 80px);
}

.quantity-spinner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.cart-qty-label {
    /*width: 3.6em;*/
}

.cart-qty-label h4.max-qty-display {
    color: grey;
}

.quantity-spinner-set-panel, .quantity-spinner-extra-panel {
    width: 100%;
}

.cart-dropdown .quantity-spinner li, 
.cart-dropdown .quantity-spinner li h4, 
#cart-col-container .quantity-spinner li, 
#cart-col-container .quantity-spinner li h4, 
.quantity-spinner-set-panel,
.quantity-spinner-extra-panel,
.quantity-spinner-set-panel li,
.quantity-spinner-extra-panel li,
.wp_cart_button_wrapper {
    display: inline-block;
}

.set-change-qty-form {
    width: 28%;
    float: left;
}

.quantity-spinner-set-panel li,
.quantity-spinner-extra-panel li {
    float: left;
    width: 30%;
}

.quantity-spinner-set-panel li.set-quantity-display,
.quantity-spinner-set-panel li.quantity-display,
.quantity-spinner-extra-panel li.extra-quantity-display,
.quantity-spinner-extra-panel li.quantity-display {
    width: 40%;
}

.quantity-spinner-set-panel .btn-link, .quantity-spinner-extra-panel .btn-link {
    font-size: 1.6em;
    color: #ffffff;
    padding: 0 .1em;
}

.set-change-qty-form {
    width: 28%;
    float: left;
}

.extra-change-qty-form {
    width: 6em;
    float: left;
}

.quantity-spinner-set-panel, .quantity-spinner-extra-panel {
    color: #ffffff;
    background: url(../images/chev-orange-200.png) no-repeat;
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
}

.quantity-spinner-set-panel h4 {
    font-family: "Museo700-Regular";
    margin-top: 16px;
}

.quantity-spinner-extra-panel h4 {
    font-family: "Museo700-Regular";
    margin-top: 19px;
}

.quantity-spinner-set-panel h4 input, .quantity-spinner-extra-panel h4 input {
    color: #ffffff;
    border: none;
    background-color: transparent;
}

/*.wp_cart_button_wrapper {
    float: right;
}*/

.popover.shopping-cart-popover.bottom {
    border-radius: 0;
    width: 300px;
    max-width: 300px;
    margin-top: 20px;
    border-top: 5px solid #faa61a;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    text-align: center;
}
.popover.shopping-cart-popover.bottom > .arrow,
.popover.shopping-cart-popover.bottom > .arrow:after {
    border-bottom-color: #faa61a;
}
.popover.shopping-cart-popover.bottom > .arrow {
    top: -15px;
    margin-left: 71px;
    /*border-width: 15px;*/
}
.popover.shopping-cart-popover .popover-content {
    padding: 20px;
}

.xtra-charges-cart-item {
    height: 7em;
}
.loyaltyearned{
    background: #ffffff;


}
.loyaltyearned .col-xs-10, .loyaltyearned .col-xs-12, .loyaltyearned .col-xs-2{
    padding:0px;
}

.loyalty, .loyaltyearned
{
    margin:2px 0px;
}
.loyalty h5
{
    color:#ffffff;
    line-height: 22px;
    font-size:12px !important;
    padding:0px 7px;
    margin:0px;
     font-family: "Museo700-Regular";
}
.loyaltyearned h5{
    line-height: 1;
    padding:0px;
    color: #ffffff;
    font-size: 1.4em;
    margin: 0px;
    font-family: "Museo700-Regular";
}
.loyaltyearned h5 span{
    float:right;
}
h5.discountError,h5.voucherError
{
    color:#c50702;
    padding-top: 8px;
}
#coupon-group .discount .row .col-xs-12, #coupon-group .voucher .row .col-xs-12{
    padding-left:0px;
}
.loyalty button {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    border-radius: .4em;
    background-color: #faa61a;
    cursor: pointer;
}


.cart-item-name h4 span{
    font-weight: 900;
    float: right;
    color:#14487f;
}


.strikethrough {
    position: relative;
    display: inline-block;
}
.strikethrough::before, .strikethrough::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.strikethrough::before {
    border-bottom: 2px solid red;
    -webkit-transform: skewY(-20deg);
    transform: skewY(-20deg);
}
.strikethrough::after {
    border-bottom: 2px solid red;
    -webkit-transform: skewY(20deg);
    transform: skewY(20deg);
}
.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_price{
    height: 2.7em;
}
#cart_items_total_price h4{
    color:#ffffff;
}
.promotionpanel {
    font-size:30px;
    font-family: "Museo700-Regular";
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #b7dcf9;
    opacity: 0.3;
    border: 3px solid #14487f;
    padding: 1em 3em;
    display:none;
}


@media screen 
and (min-device-width: 768px) 
and (max-device-width: 1800px)  { 

    .promotionImage img
    {
        transform: translate(140%, -140%);
        width: 70px;
        height:70px !important;
    }
    .promotionExtra img{
        transform: translate(0%, 0%);
        width: 70px;
        height: 70px !important;

    }


    .slideupmain{
        z-index: -100;
        width: 85%;
        position: absolute;
        background: white;
        left: 25px;
        bottom: 45px;
        padding: 2px;
        font-weight: normal;
        font-size: 16px;
        display: block;
    }    

}
@media only screen and (min-width : 1800px) {


    .promotionImage img
    {
        transform: translate(190%, -190%);
        width: 90px;
        height:90px !important;
    }
    .promotionExtra img{
        transform: translate(0%, 30%);
        width: 90px;
        height: 90px !important;
    }

    .slideupmain{
        z-index: 100;
        width: 90%;
        position: absolute;
        background: white;
        left: 25px;
        bottom: 45px;
        padding: 2px;
        font-weight: normal;
        font-size: 16px;
        display: block;
    }


    
}

.voucher h3{
    background: #547da9;
    color: #ffffff;
    margin: 0px;
    padding: 7px;
    font-size: 1.5em;

}
.promotion-cart-text{
    color:red;margin:0px;font-weight: bold;padding:0px;font-family:"Museo700-Regular";
    font-size:14px;
}
.coupon-item  .loyaltyearned{

    background: #589fd6;
    color: #ffffff;
    border-radius: 6px;
    padding: 3px;

}
.loyaltyearned .col-xs-8{
    padding-left: 4px;
}
.loyaltyearned .col-xs-4 h5{
    margin-top: 20px;
}

.coupon .vertical-centre{
    font-weight: bold;
    font-family:"Museo700-Regular";
}
.promotion-product-text{
    height: 1.6em;
    font-weight: bold;
    font-family:"Museo700-Regular";
}
.product-footer{
    height:6.8em;
}
.productpromotion h5, .productpromotion h4 {
        font-family:"Museo700-Regular";
}
.productpromotion h4 {
    color:#14487f;
}
.upsell-price h4{
    font-family:"Museo700-Regular";
}
.upsell-item .wp_cart_product_button{
        margin: 0em 0 .6em !important;
}
#continue-shopping h3{
    float: right;
}

#continue-shopping h3 a{
     font-size: 1em !important;
    background: #faa61a;
    color:#ffffff;
    font-family: "Museo700-Regular";
}

#continue-shopping h3 a:hover{

    background: #14487f;
    color:#ffffff;
    font-family: "Museo700-Regular";
    text-decoration: none;
}
#customer-card h2 {
    
     background: #efefef;
      color:#589fd6;
       font-size: 1.6em !important;
     font-family: "Museo700-Regular";
     padding: 7px;
     margin-left:1px;
     margin-right:1px;
     
}
.handling-fee a{
    float: right;
    position: absolute;
    left: 130px;
    top: 12px;
}
.single-set a{
      float: right;
    position: absolute;
    left: 185px;
    top: 20px; 
}
.agent-discount .row{
    margin-left: 0px;
    margin-right:0px;
}
.agent-discount .col-xs-7{
padding-right:7px;
padding-left:5px;
margin-bottom: 5px;
    
}
.agent-discount .col-xs-5{
    padding: 0px;
}
.charges_bottom{
    margin-bottom:.5em;
}
 @media only screen and (min-width : 1200px)  and (max-device-width: 1930px){
         .cart-items-container {
     max-height: calc(75vh - 350px); 
     
}
.checkout a{
    background-color: #faa61a;
font-size:20px;
padding: 0.3em 1.8em;
display:block;
margin-top:0.4em;
}
.checkout a:hover{
    background-color: #589fd6;
    text-decoration: none;
color:#ffffff;
}
 }
@media screen 
and (min-device-width: 768px) 
and (max-device-width: 1800px)  { 
.promotionImage1 img
    {
        margin-top: 140px !important;
        width: 70px;
        height:70px !important;
    }
    }
@media only screen and (min-width : 1800px) {
      .promotionImage1 img
    {
        margin-top: 140px !important;
        width: 90px;
        height:90px !important;
    }
}

.complimentarySleeve{
    margin-top: 60px;
}
.complimentarySleeve img {
height: 200px !important;
width: 430px !important;

}
.wp_cart_product_thumbnail table{
margin: 0px;
padding: 0px;
}

#booking {
	background: url(../images/booking-bg-repeat.jpg) repeat;
}