:root {
    --orange:#EF8B22;
    --blue:#006080;
    --darkgray:#212529;
    --darkblue:#172852;
}/*Kits*/
.newsletter .form-check-input[type="checkbox"] {
    width: 1.2em;
    height: 1.2em;
    background-color: #F18221; /* Background color of the checkbox */
    border-radius: 3px;
}

/* Style for the label within the newsletter class */
.newsletter .form-check-label {
    color: #333; /* Color of the label text */
    margin-left: 5px; /* Adjust the spacing between the checkbox and the label */
}
.checkoutheader {
    padding-bottom: 10px;
    /*font-size: 1em;*/
}
.textlink {
    color: #00345b;
    text-decoration: underline;
    text-transform: uppercase;
}
a[aria-expanded=true] .fa-chevron-right {
    display: none;
}
a[aria-expanded=false] .fa-chevron-down {
    display: none;
}
.checkoutsteps {
    border-color: #ddd;
    border-radius: 4px;
}
.water {
    color: #00B2A9 !important;
}
.waterborder {
    border: 2px solid #00B2A9;
    border-radius: 5px;
}
.nature {
    color: #81b804 !important;
}
.natureborder {
    border: 2px solid #81b804;
    border-radius: 5px;
}
.space {
    color: #b123af !important;
}
.energy {
    color: #fed103 !important;
}
.engineer {
    color: #316195 !important;
}
.dinosaurs {
    color: #007940 !important;
}
.human-body {
    color: #e43e30 !important;
}
.spaceborder {
    color: #b123af !important;
}
.textwhite {
    color: #fff !important
}
.textblue {
    color: #172852 !important
}
.producttext {
    color:#212529;
    font-size: 1rem;
    font-weight: 400;
}
.btn2 {
    margin-left: 0px !Important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    border-radius: 5px !important;
    box-shadow: none !Important;
    text-transform: none !important;
    border: none !important;
}
.btncounter {
    font-size: 12px !important;
    padding: 10px 5px !important;
    /* border-radius: 5px !important; */
    box-shadow: none !important;
    border: none !important;
    background-color: transparent;
    margin: auto;
}
/*#logosvg {*/
/*    min-width: 160px !important;*/
/*}*/
.sticky-top {
    z-index: 1
}
.kitssticky2 {
    background-image: url(https://cosi.org/MOBILEAPP/img/kits/landing-banner.png);
    background-position: bottom;
}
#kitslogo {
    display: inline-block;
    vertical-align: middle;
    width: 15vw;
    height: 4.5vw;
    max-width: 200px;
    max-height: 130px;
    min-width: 70px;
    min-height: 50px;
    background: transparent url(https://www.cosi.org/images/logos/COSIConnects_kits_logo_white.svg) no-repeat;
    background-size: contain;
}
#kitslogo2 {
    display: inline-block;
    vertical-align: middle;
    width: 15vw;
    height: 4.5vw;
    max-width: 200px;
    max-height: 130px;
    min-width: 150px;
    min-height: 100px;
    background: transparent url(https://www.cosi.org/images/logos/COSIConnects_kits_logo_white.svg) center bottom no-repeat;
    background-size: contain;
}
.kitssticky {
    /*background-color: #495057;*/
    background-image: url(https://cosi.org/MOBILEAPP/img/kits/landing-banner.png);
    background-repeat: repeat-x;
    background-position: bottom;
    min-height: 100px;
}
.kitshero {
    /*background-color: #495057;*/
    background-image: url(https://cosi.org/MOBILEAPP/img/kits/Kits-Header-D3.png);
    background-size: cover;
    background-position: bottom;
    min-height: 300px;
}
.waterheader {
    background-image: url(https://www.cosi.org/images/WaterBanner.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.natureheader {
    background-image: url(https://www.cosi.org/images/nature-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.energyheader {
    background-image: url(https://www.cosi.org/images/energy-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.spaceheader {
    background-image: url(https://www.cosi.org/images/space-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.engineerheader {
    background-image: url(https://www.cosi.org/images/engineer-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.dinosaursheader {
    background-image: url(https://www.cosi.org/images/dinosaurs-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.human-bodyheader {
    background-image: url(https://www.cosi.org/images/human-body-header.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.top20 {
    margin-top:20px;
}
.carousel-inner img {
    width: 100%;
    height: 100%
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 100px
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}
.productsrow {
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}

.menu-category {
    display: inline-block;
    margin-bottom:  0.25rem;
    padding:  1rem;
    width:  100%;
}
.carticon {
    font-size:1.5em !important;
    color:#172852 !important;
}
.product-image {
    width: 100%;
}

.product {
    padding-top:22px;
}

.btn-product {
    background-color:#222;
    color:#eee;
    border-radius:0;
}
.carticonwhite {
    font-size:1.5em !important;
    color:#fff !important;
}
.headertitle {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
}
.cartbadge {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #f99d27 !important;
    padding: 0 5px;
    vertical-align: top;
}
.cartbadgeblue {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #172852 !important;
    padding: 0 5px;
    vertical-align: top;
}
.cartbadgewhite {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #f99d27fff !important;
    padding: 0 5px;
    vertical-align: top;
}