body {
    background: #eae8ed;
}

.m-med {
    margin-top: 30px;
}

.m-large {
    margin-top: 50px;
}

.p-btm-large {
    padding-bottom: 50px;
}

.no-padding {
    padding: 0;
}

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

.marg-btm,
.marg-btm-sm {
    margin-bottom: 1em;
}

.marg-btm-sm {
    margin-top: 1em;
}

h6.card-title {
    color: #FC9328;
}

ul.list-unstyled.small a {
    font-size: 18px;
    line-height: 200%;
    font-weight: 600;
}

ul.list-unstyled.smaller a {
    font-size: 14px;
    line-height: 200%;
    color: #333333;
}

.btn-primary {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2% 5%;
    border-radius: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    background-color: #0066FF;
    border-color: #0066FF;
}

.btn-secondary {
    font-weight: bold;
    border-radius: .5em;
}

.container {
    margin-bottom: 30px;
}

.promo {
    color: #f80101;
    font-weight: 800;
    font-family: Arial;
}

#carousel2 .carousel-control-prev {
    justify-content: flex-start;
    text-align: left;
}

#carousel2 .carousel-control-next {
    justify-content: flex-end;
    text-align: right;
}

#carousel2 .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel2 .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

h4.card-header {
    color: #0066FF;
}

.navbar.navbar-inverse {
    background-color: #0066FF;
    border: none;
    border-bottom: 0;
    width:100%;
}

.navbar .navbar-header .navbar-brand {
    color: #CCC;
    position: relative;
    top: 0;
    margin-top: -5px;
}

.gray-bg {
    background-color: #525560;
}

.dotted {
    border-style: dotted;
    border-color: #000000;
}

#footer {
    width: 100%;
    }
    
.footer {
    margin-top: 0;
    padding: 15px 0;
    font-size: 13px;
    background: #111;
    color: rgb(200,200,200);
    background: #888;
}

.footer-info {
        font-size: 13px;
}
    
.extra {
    padding: 20px;
    font-size: 11px;
    color: rgb(200,200,200);
    background: #888;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
    
.extra h4 {
    margin-bottom: 1em;
    font-weight: 400;
    color: white;
    font-size: 16px;
}
    
.extra ul {
    padding: 0;
    margin: 0;
}
    
.extra ul li {
    margin-bottom: .6em;
    list-style: none;
}
    
.extra a {
    color: rgb(200,200,200);
    font-size: 12px;
}

.vers {
        padding-top: 20px;
        font-size:13px;
        margin-right:10px;
    }

.onsale {
    position: absolute;
    top: 20%;
    left: 2%;
    display: block;
    /*background: url('../img/onsale.gif') no-repeat; */
    background: red;
    width: 80px;
    height: 35px;
    line-height: 150%;
    z-index: 99;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
}

.onsale-shipping {
	position: absolute;
	top: 0;
	left: 0;
	width: 119px;
	height: 103px;
	z-index: 99;
}

.photo-container .card-header,
.card.marg-btm .card-header {
    color: #ffffff;
    font-size: 15pt;
    background: #104698;
    padding: 1em;
    background: linear-gradient(#104698, #0062cc);
}

.photo-container {
    text-align: center;
    position: relative;
    margin-bottom: 2em;
}

.photo-container img {
    max-width: 100%;
}

.photo,
.col-sm-12.col-md-3.photo-container.d-flex.align-items-stretch,
.photo-shadow {
    position: relative;
    line-height: 0;
    /*margin-bottom: 2em;
	overflow: hidden;*/
    display: block;
}

.photo-shadow img,
.photo.header-top.mt-1.mb-1.bg-white {
    transition: box-shadow .5s 0s;
    transition-timing-function: ease-in-out, ease-out;
}

.photo-shadow:hover img,
.photo.header-top.mt-1.mb-1.bg-white:hover {
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}

.bg-gray-grad {
    background: linear-gradient(#eae8ed 30%, #ffffff 70%);

}

.photo2 {
    transition: transform 0.1s ease, box-shadow .5s 0s;
    transform-origin: 50% 50%;
    transition-timing-function: ease-in-out, ease-out;
}

.photo2:hover {
    transform: scale(1.02);
    box-shadow: 6px 6px 10px rgba(51, 51, 51, 0.2);
}

.overlay {
	background: #ffffff;
	opacity: .85;
}

.overlay:hover {
	opacity: 1;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5% !important;
}

.bg-green-grad {
    background: linear-gradient(#defad8, #f0faed);
}

.bg-yellow {
    background: #ffd204;
}

.bg-blue {
    background: #0066ff;
}

/* Media Queries */

/*Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .btn-primary {
        padding: 2% 20%;
    }
    .photo-container {
        text-align: center;
        position: relative;
        margin-bottom: 0;
    }
}

@media (min-width: 766px) {
    .marg-btm-sm {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* use this once ads are resized larger */

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}