button.navbar-toggler:focus {
    box-shadow: none;
}

a.nav-link {
    color: #48487f;
}

a.linkfocus {
    cursor: pointer;
}

a.navbar-brand {
    color: #48487f;
}

.wrapper {
    position: relative;
}

@media (max-width:767px) {
    .maxwidth400 {
        max-width: 400px;
        ;
    }
}

.nrback {
    position: absolute;
    z-index: 1;
    min-width: 100%;
    height: 298px;
    padding: 0%;
}

.nrback img {
    width: 100%;
    height: 100%;
}

.wrapper:hover .nrfront {
    transform: translateY(0%);
}

.nrfront {
    transform: translateY(80%);
    transition: all 0.5s;
    position: relative;
    z-index: 22;
    min-width: 100%;
    height: 298px;
    padding: 0%;
}

.colnopadding {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 300px;
    overflow: hidden;
}

.rowmainmenu {
    border-color: white;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    min-height: 300px;
}

.rowmainmenu-roundleft {
    border-radius: 15% 0 0 0;
}

.rowmainmenu-roundright {
    border-radius: 0 0 15% 0;
}

.shadowmenulayer {
    margin: 0;
    padding: 0;
    min-width: 100%;
    height: 299px;
    background-color: white;
    opacity: 85%;
}

.darkbluecolor {
    color: #48487f;
}

.list-group-item.active {
    background-color: #48487f;
    border-color: #48487f;
}

.mainmenu-items ul {
    padding-left: 10%;
    padding-right: 0;
    padding-top: 5%;
    padding-bottom: 0;
}

.mainmenu-items li {
    color: white;
    list-style: none;
}


/* .mainmenu-items a {
    color: #48487f;
    text-decoration: none;
    pointer-events: auto;
}

.mainmenu-items a:hover {
    text-decoration: none;
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
    color: #48487f;
}
*/

.mainmenu-items a:hover {
    color: #2c2c4e;
}

@media (max-width:1080px) {
    .displayNone1080 {
        display: none;
    }
}

@media (max-width:600px) {
    .material-icons-none {
        display: none!important;
    }
}

@media (max-width:330px) {
    .navbar-brand {
        display: none!important;
    }
}

@media (min-width:330px) and (max-width:400px) {
    .navbar-brand {
        font-size: 16px!important;
    }
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.defaultColor {
    color: #48487f;
}

.sectionBackColor {
    background-color: #f6f6f6;
}

.contactButton {
    background-color: #48487f;
    border: #48487f;
    border-radius: 0.15rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    white-space: nowrap;
}

.container {
    max-width: 1080px;
}

.hr-sm {
    width: 60px;
}

.hr-lg {
    max-width: 1080px;
}

.gmap {
    max-width: 100%;
}

@media (min-width:992px) {
    p.card-text {
        height: 120px;
    }
}

@media (min-width:992px) {
    h5.card-title {
        height: 50px;
    }
}

@media (max-width:992px) {
    p.card-text {
        height: 100px;
    }
}

@media (max-width:992px) {
    h5.card-title {
        height: 40px;
    }
}

.footerRow {
    width: 50%;
    font-size: small;
}

@media (min-width:600px) {
    .bottomNav {
        display: none;
    }
}

@media (max-width:550px) {
    .navbar-brand img {
        display: none;
    }
}

@media (min-width:600px) and (max-width:700px) {
    .navbar-brand img {
        display: none;
    }
}

@media (min-width:1080px) and (max-width:1150px) {
    .navbar-brand img {
        display: none;
    }
}

#products .card-img-top {
    width: 98%;
}

#products .card-img-top:hover {
    width: 100%;
}

.bottomNav {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 70px;
    box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, .075) !important;
}

._orientationRight_bac9 {
    /* right: 1px!important; */
    bottom: 80px!important;
}

.fs-61 {
    font-size: small;
}

.carouselImgFit {
    height: 100%!important;
}

.carousel-caption h5 {
    text-shadow: rgb(79, 84, 158) 1px 0 0px;
}

.carousel-caption p {
    text-shadow: rgb(79, 84, 158) 1px 0 0px;
    /* -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: #000000; */
}

.carouselImgFit {
    object-fit: cover;
    width: 100%;
    height: 300px;
}

.carouselImgFitShelter {
    object-fit: cover;
    width: 100%;
}

.fixed-bottom .material-icons {
    width: 100%;
}

h5.blueneon {
    color: blue;
    font-style: italic;
    text-shadow: 0 0 5px #211ed1, 0 0 10px #4e28d6, 0 0 20px #4034eb, 0 0 40px #2b23c2, 0 0 80px #5223d4, 0 0 90px #1511ec, 0 0 100px #5b14e0, 0 0 150px #360fe7;
}

h1.blueneon {
    color: blue;
    font-style: italic;
    text-shadow: 0 0 5px #211ed1, 0 0 10px #4e28d6, 0 0 15px #4034eb;
}

.hoverwhite:hover {
    color: skyblue;
}

.hidefield {
    display: none;
}


/* .opnlst::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0;
    content: "";
    border-top: 0;
    border-right: 0.8em solid transparent;
    border-bottom: 0.8em solid;
    border-left: 0.8em solid transparent;
}

.clslst::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0;
    content: "";
    border-top: 0.8em solid;
    border-right: 0.8em solid transparent;
    border-bottom: 0;
    border-left: 0.8em solid transparent;
} */

.darkbluefilter {
    filter: invert(26%) sepia(11%) saturate(2686%) hue-rotate(201deg) brightness(100%) contrast(85%);
}

.transform {
    -webkit-animation: notransform 8s infinite;
    animation: notransform 8s infinite;
}

.rotateY {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes notransform {
    50% {
        transform: none;
    }
}

@keyframes notransform {
    50% {
        transform: none;
    }
}

.scalehover12:hover {
    position: relative;
    top: 0;
    left: 5%;
    z-index: 5;
    transform: scale(1.2);
}

.flex {
    display: flex;
    justify-content: center;
    gap: 5%;
    align-items: center;
    flex-wrap: wrap;
}

.flex-item1 {
    flex: 1 0 50%;
}

.flex-item2 {
    flex: 1 0 40%;
}

.mw-100 {
    max-width: 100%;
    min-width: 300px;
}

.reverse {
    flex-direction: row-reverse;
}

.m-checkbox {
display: flex;
column-gap: 50px;
flex-wrap: wrap;
row-gap: 5px;
}

.show-price {
display: inline-block; 
margin-right: 20px; 
font-size: 24px; 
vertical-align: middle;
}

model-viewer {
min-width: 400px;
height: 400px;
border-width: 1px;
border-color: lightgray;
border-style: solid;
box-shadow: 4px 4px 2px lightgray;
}

@media (max-width:410px) {
    model-viewer {
min-width: 360px;
    }
}

@media (max-width:590px) {
    .input-group.mb-3 span {
width: 100%;
    }
}