body {
    background-color: #f3f3f9;
}

body, blockquote {
    font-size: 15px;
    line-height: 1.6;
    font-family: 'Rubik', sans-serif;
}


.btn-primary, .btn-primary.disabled, .btn-primary:disabled { background-color: #841419; border-color: #841419; color: #FFF; }
.btn-primary:hover, .btn-primary:active { background-color: #28bcdc; border-color: #28bcdc;  }
/*.btn-primary:disabled { opacity: 0.8; }*/


.btn { text-transform: none; font-size: 13px; line-height: 24px; padding: 6px 20px; font-weight: 400; border-radius: 5px; position: relative; overflow: hidden; border-radius: 10px; }
.btn.btn-sm { text-transform: none; font-size: 12px; line-height: 20px; padding: 3px 10px }


.btn-default { color: #13697C; background-color: #FFF; border-color: #167b91; border-width: 1px;border-radius: 5px; }
.btn-primary { border-radius: 5px; }
.btn-secondary { border-radius: 5px; }
.btn-success { border-radius: 5px; }
.btn-danger { border-radius: 5px; }
.btn-info { border-radius: 5px; }
.btn-warning { border-radius: 5px; }
.btn-link { padding-left: 0; padding-right: 0; text-decoration: none; color: #666; }


.btn.btn-outline { background-color: #FFF; border-color: #1BA9C2; border-radius: 5px; }
.btn.btn-outline:hover { background-color: #1BA9C2; border-color: #1BA9C2; color: #FFF; border-radius: 5px; }


.btn-default:hover { color: #FFF; background-color: #167b91; }
.btn-xs { padding: 0 12px !important; font-size: 10px !important; min-width: 1px; }

a { color: #28bcdc; text-decoration : none;}

b { font-weight: 400; }


#saving-overlay { position: fixed; z-index: 5001; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); top: 0; left: 0; display: flex; justify-content: center; flex-direction: column;  align-items: center;  }
#saving-overlay .text { font-size: 22px; color: #FFF; }




.logo-container {
	text-align: center;
	padding: 10px 0;
}

.logo-container .logo {
	height: 50px; width: auto;
}


.main-banner {
    padding: 10px 0 0;
}


.header { background-color: #FFF; border-bottom: 3px solid #EEE; ; }

.header .logo { width: auto; height: 50px; }

nav.main-nav .navbar-left .nav-link { padding-left: 15px; padding-right: 15px; }
nav.main-nav .navbar-left .nav-link { color: #333; font-size: 16px; }
nav.main-nav .navbar-left .nav-link i { color: #841419; margin-right: 4px; }


nav.main-nav .navbar-right .nav-link { padding-left: 8px; padding-right: 8px; }
nav.main-nav .navbar-right .nav-link { color: #666; }
nav.main-nav .navbar-right .nav-link i { color: #841419; margin-right: 4px; }
nav.main-nav .navbar-right .nav-link .badge { vertical-align: top; margin-left: -15px; margin-top: -5px; }

nav.main-nav .dropdown-item i { display: inline-block; width: 24px; margin-right: 5px; text-align: center; color: #841419; }

.left-nav .card { box-shadow: none; }
.left-nav .nav { padding: 10px 7px; }
.left-nav .nav-item .nav-link { position: relative; color: #333; padding: 6px 10px; }
.left-nav .nav-item .nav-link:hover, .left-nav .nav-item.active > .nav-link { color: #28bcdc; background-color: #f3f3f9; border-radius: 5px; }

.left-nav .nav-item:not(:last-child) { margin-bottom: 5px; }
.left-nav .nav-item:not(:last-child) .nav-link:after { content: ""; display: none; height: 1px; background-color: #f3f3f9; margin-top: .5rem;}

.left-nav .nav-item .nav { padding: 0; }
.left-nav .nav-item .nav .nav-link { color: #666;  padding: 6px 10px 6px 20px; font-size: 90%; }



#main img:not(.cr-image) {
    max-width: 100%;
    height: auto;
}


h1, .h1 {
    letter-spacing: -0.02em;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Rubik', sans-serif;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover {
    color: inherit;
}

h2 {
    margin-bottom: 30px;
    font-size: 22px;
    color: #000000;
    font-weight: 400;
}


h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #0E4B58;
    font-weight: 300;
}

h4 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}


.white-band  { background-color: #FFF; padding: 45px 0; }




#main {
    padding: 40px 0;
}

form .card {
    margin-bottom: 15px;
}

.card-header:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card {
    background-color: #FFF;
    border-radius: 8px;
    border: none;

    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);

}
.card-header {
    color: #841419;
    background-color: #FFF;
    font-weight: 400;
    font-size: 15px;
    padding: 12px 16px;
    border-bottom-color: #EBEBEB;
}



.card-header h5 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    color: #333;
}

.card-header h6 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    color: #333;
}

.card-footer {
    background-color: #EBEBF4;
    background-color: #FFF;
    border-top-color: #EBEBEB;
    padding: 12px 16px;
}

.card-body {
    color: #666;
    padding: 25px 16px;
    min-height: 150px;
}

.card-body > *:last-child { margin-bottom: 0; }

.card.card-profiles {
    height: 100%;
}

.card.card-profiles .card-body {
    padding: 12px 16px;
    min-height: 0;
}

.card.card-profiles .card-body .list-group label {
    display: block;
    font-weight: 600;
}

.card.card-profiles .card-img-top {
    height: 200px !important;
    object-fit: cover;
}

.card.card-profiles .btn-remove {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}


.card.card-profiles .card-footer {
    padding: 6px 16px;
}

.card.card-profiles .card-footer  {
    padding: 0;
    border-top: none;
}

.card.card-profiles .card-footer .btn-default {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #13697C;
    background-color: #13697C;
    color: #FFF;
    padding-top:6px;
    padding-bottom:6px;
}


.card.card-profiles .card-footer .btn-danger,
        .card.card-profiles .card-footer .btn-info,
        .card.card-profiles .card-footer .btn-warning,
        .card.card-profiles .card-footer .btn-success {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top:6px;
    padding-bottom:6px;
}


.card.card-profiles .card-footer .btn.btn-success {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-color: #414549;
    background-color: #414549;
}

.card-body strong, .card-body b {
    font-weight: 500;
    color: #444;
}


.card-body .card-text p:last-of-type {
    margin-bottom: 0;
}

#accordion .card-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px 15px 27px 15px;
}
#accordion .card-footer .btn {
    margin: 15px 7.5px 0 7.5px;
}
.card-footer:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


#accordion .card {
    margin-bottom: 15px;
}
#accordion .card-header {
    border-bottom: none;
    padding: 0;
    background-color: #555;
}
#accordion .card-header h5 .btn-link {
    color: #FFF;
    font-weight: 400;
    font-size: 15px;
    display: block;
    padding: 0;
    padding: .75rem 2.75rem .75rem 1.25rem;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
}





.card-header h5 {
    font-weight: 400;
    font-size: 18px;
}

#accordion .card-header h5 .btn-link:hover,#accordion .card-header h5 .btn-link:focus {
    text-decoration: none;
}
#accordion .card-header h5 .btn-link:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z' fill='%23FFF'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease;
}
#accordion .card-header h5 .btn-link[aria-expanded="true"]:after {
    transform: rotate(180deg);
}
#accordion .card-header + .collapse.show {
    border-top: solid 3px #f8f8f8;
}
#accordion .card-body {
    font-size: 14px;
}
#accordion .card-body .btn + .btn {
    margin-left: 15px;
}

.alert .lwd-error {
    position: relative;
    float: right;
    margin-right: -15px;
    margin-top: -10px;
    margin-left: 10px;
    font-size: 12px;

}

.faqs {
    position: relative;
}

.faqs .faq.card {
    border-radius: 0;
    border: none;
    border-bottom: solid 1px #eee;
    margin-bottom: 0;
}

.faqs .faq .card-header {
    border-radius: 0;
    border: none;
    background-color: #FFF;
    position: relative;
    padding: 15px 20px;
}
.faqs .faq .card-header::after {

    content: "\f078";
    display: block;
    position: absolute;
    right: 20px;
    top: 12px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 21px;
    color: #73899d;

}

.faqs .faq .card-header.active:after {
    content: "\f077";
}

.faqs .faq .card-header h3 {
    margin-bottom: 0;
    font-size: 20px;
    color: #090909;
}


.faqs .faq .card-header h3 a {
    display: block;
}

.faqs .faq .card-header h3 a .fas {
    display: inline-block;
    width: 24px;
    text-align: center;
    margin-right: 5px;
}




.checkout-nav {
/*	padding: 30px 0; */
}









#hero-slider {
    position: relative;
}

#hero-slider .slide {
    min-height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-content: center;
    align-items: center;
    color: #FFF;
    /*padding-top: 115px;*/

    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}

#hero-slider .slide::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,30,51,0.65);
    z-index: 1;
}

#hero-slider .slide .container {
    position: relative;
    z-index: 2;
}

#hero-slider .slide h1 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF;
}

#hero-slider .slide h2 {
    font-size: 22px;
    font-weight: 400;
    color: #FFF;
}








.product-list { margin-bottom: 0; list-style-type: none; padding-left: 0; }


.cr-slider {
    width: 100% !important;
}



.nav-tabs { .border-bottom: 1px solid #DEE2E6; margin-bottom: 15px; }
.nav-tabs .nav-item .nav-link { border: none; background:transparent; color: #999; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-bottom: 1px solid #841419; color: #495057; }













.dashboard-blocks {  }

.dashboard-blocks .item a { border: 1px solid #FFF; border-radius: 5px; display: flex; height: 160px; background-color: #FFF; margin-bottom: 30px; flex-direction: row-reverse; padding: 0 30px; transition: all 0.25s; }

.dashboard-blocks .item a:hover { text-decoration: none; border: 1px solid #841419; background-color: #F9F9F9;  }

.dashboard-blocks .item a .left { flex: 0 0 75%; margin-bottom: auto !important; margin-top: auto !important; padding-right: 25px; }
.dashboard-blocks .item a .right { flex: 0 0 25%; margin-bottom: auto !important; margin-top: auto !important; text-align: center }
.dashboard-blocks .item a .right i { font-size: 50px; color: #841419; }

.dashboard-blocks .item a .title { color: #841419; font-size: 22px; display: block; }
.dashboard-blocks .item a .description { color: #666; font-size: 16px; font-weight: 300; display: block; line-height: 1.1; }




.family-blocks { margin-left: -10px; margin-right: -10px; }
.family-blocks > .item { padding-left: 10px; padding-right: 10px;  }
.family-blocks .item .inner { border: 1px solid #FFF; border-radius: 5px; height: 380px; background-color: #FFF; margin-bottom: 30px;  padding: 15px 15px; transition: all 0.25s; display: flex; flex: 0 0 100%; flex-direction: column; justify-content: space-between; }
.family-blocks .item .inner h3 { color: #841419; font-size: 18px; display: block; margin-bottom: 20px; font-weight: 400; }
.family-blocks .item .inner .btn-remove { color: #666; float: right; line-height: 16px; margin-left: 10px; border: none; background: none; padding: 5px; margin: 0 -5px 0 0; cursor: pointer;}

.family-blocks .item .inner p { color: #666; font-weight: 200; font-size: 14px; line-height: 1; margin-bottom: 15px; }

.family-blocks .item .inner label { font-weight: 400; color: #333; margin-bottom: 5px; display: block; }
.family-blocks .item .inner .ticket-photo { width: 60px; height: auto; }
.family-blocks .item .inner .btn { border-radius: 5px; }








.breadcrumb { text-align: center; background-color: #FFF; margin-bottom: 0; display: block; padding: 12px 15px; border-radius: 5px; }
.right-content .breadcrumb { text-align: left; }
.breadcrumb li { display: inline-block; }
.breadcrumb li a { color:   var(--bs-breadcrumb-item-active-color); }
.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    color: #6c757d;
    opacity: 0.2;
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
}








.profile-select-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.profile-select-list li { display: block; margin-bottom: 15px; }

.profile-select-list li a { display: flex; justify-content: space-between; background-color: #FFF; border-radius: 5px; height: 50px; border: 1px solid #FFF; transition: all 0.25s; }
.profile-select-list li a:hover { text-decoration: none; border: 1px solid #841419; background-color: #F9F9F9;  }

.profile-select-list li .thumb { width: 50px; position: absolute; height: 48px !important; background-color: #CCC;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

#main .profile-select-list li img { height: 100%; width: 100%; object-fit: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.profile-select-list li .name { display: flex; color: #666; margin-left: 65px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.profile-select-list li .price { display: flex; color: #000; float: right;  margin-top: auto; margin-bottom: auto; padding-right: 15px;  }
.profile-select-list li .name .badge.bg-danger { color: #FFF; line-height: 1; font-weight: 300; padding: 3px 5px; display: inline-block; }





.row.profile-list { margin-left: -4px; margin-right: -4px; }
.row.profile-list > div { padding-left:4px; padding-right: 4px; margin-bottom: 8px; }

.row.profile-list a { display: flex; opacity: 0.6; justify-content: space-between; height: 48px; background-color: #FFF; border-radius: 5px; height: 50px; border: 1px solid #FFF; transition: all 0.25s; }
.row.profile-list a:hover { text-decoration: none; border: 1px solid #841419; background-color: #F9F9F9;  }

.row.profile-list .thumb { width: 50px; position: absolute; height: 48px !important; background-color: #CCC;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.row.profile-list img { height: 100% !important; width: 100% !important; object-fit: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.row.profile-list .name { display: flex; color: #666; margin-left: 65px; font-weight: 300; margin-top: auto; margin-bottom: auto; }


.row.profile-list a.active { opacity: 1; border: 1px solid #E2E2E2;  }

.row.profile-list a.active .name { color: #000; }



.product-select-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.product-select-list li { display: block; margin-bottom: 15px; }

.product-select-list li a {  display: flex; text-decoration: none; background-color: #FFF; border-radius: 5px; min-height: 40px; border: 1px solid #FFF; transition: all 0.25s; }
.product-select-list li a:hover { text-decoration: none; border: 1px solid #841419; background-color: #F9F9F9;  }


.product-select-list li .product-title { display: inline-block; color: #666; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }

.product-select-list li .product-title label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.product-select-list li .product-title p { margin-bottom: 5px; }

.product-select-list li.admin-only a { background-color: #FCF8E4; }


.product-select-list li .price { display: inline-block; color: #999; width: 110px; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.product-select-list li .title { display: inline-block;  color: #666;  font-weight: 300; margin-top: auto; margin-bottom: auto; }




.product-select-list li .alert a { display: inline; background-color: transparent; border-radius: none; min-height: 0px; border: none; }




/* form customization */
/*
form label { display: inline-block; z-index:2; position: relative; margin-bottom: 0; background-color: #FFF; font-weight: 400; padding: 0 .25rem; transform: translate(.5rem,10px); line-height: 1; color: #841419; }
form .form-control { border-radius: 0; height: calc(2.25rem + 6px); }
*/

form label { display: inline-block; z-index:2; position: relative; margin-bottom: 0; background-color: #FFF; font-weight: 400; padding: 0 .25rem;  line-height: 1; color: #5e5873; font-size: .857rem; }
form .form-control {}

form .form-control {
    font-size: 13px;
    background-color: #F6F6F6;
    border-color: #F1F1F1;
    padding: .375rem .75rem;
}


.table { background-color: #FFF; }
.table th { background-color: #01659F; color: #FFF; border-top: none; font-weight: 400; }

.table.table-chip-card-list td { vertical-align: middle; }
.table.table-chip-card-list .btn-edit { padding: 3px 10px; border-radius: 0; }
.table.table-chip-card-list .btn-remove { padding: 3px 10px; border-radius: 0; }
.table.table-chip-card-list .thumb { display: inherit; height: 30px; width: 30px; position: relative; border-radius: 3px; background-color: #CCC; }
#main .table.table-chip-card-list .thumb img { position: absolute; height: 100% !important; width: 100%; object-fit: cover; }




.table.table-order-list {  }
.table.table-order-list tr.cancelled { opacity: 0.4; }



.image-uploader { margin: 0px auto; }

.image-uploader  .btn[id^='image-uploader-'] { margin: 0px auto; }


.notification-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.notification-list li { display: block; margin-bottom: 15px; }

.notification-list li a {  display: flex; background-color: #FFF; border-radius: 5px; min-height: 40px; border: 1px solid #FFF; transition: all 0.25s; }
.notification-list li a:hover { text-decoration: none; border: 1px solid #841419; background-color: #F9F9F9;  }


.notification-list li .product-title { display: inline-block; color: #666; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }

.notification-list li .product-title label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.notification-list li .product-title p { margin-bottom: 5px; }

.notification-list li.admin-only a { background-color: #FCF8E4; }


.notification-list li .price { display: inline-block; color: #999; width: 110px; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.notification-list li .title { display: inline-block;  color: #666;  font-weight: 300; margin-top: auto; margin-bottom: auto; width: 100%; }

.notification-list li .alert a { display: inline; background-color: transparent; border-radius: none; min-height: 0px; border: none; }

.notification-list .icon {
    color: #f7ef00;
    margin-right: 10px;
}




@media only screen and (max-width : 480px) {
    #hero-slider .slide { min-height: 200px; }
}


.ring {
    display:block;
    width: 18px;
    height: 18px;
    font-size: 16px;

    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}


.new-notifications {
    display:block;
    width: 18px;
    height: 18px;
    font-size: 16px;

    color: #9e9e9e;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}




.cart-item-lifespan { background-color: #841419; color: #FFF; font-size: 12px; padding: 5px 10px; border-radius: 3px; display: inline-block; }

#cart_contents .cart-item-lifespan { float: right; margin-left: 15px; }
@media only screen and (max-width : 767px) {
    #cart_contents .cart-item-lifespan { float: none; margin-left: 0px; margin-bottom: 10px; }
}



.header-time-remaining { text-align: center; background-color: #167b91; color: #FFF; padding: 15px 20px; display: block; }
.header-time-remaining .cart-item-lifespan { margin-left: 15px; }

.header-time-remaining:hover { color: #FFF;  }




.checkout-form input[type="checkbox"] {flex: 0 0 30px;}








.list-group.list-group-people { }
.list-group.list-group-people .list-group-item { display: flex; }
.list-group.list-group-people .img { height: 29px; width: 30px; }
.list-group.list-group-people .img img { position: aboslute; margin-left: -16px; margin-top: -8px; height: calc(100% + 16px) !important; max-width: 200px !important; width: auto !important; }