#topfooter{
    text-transform:uppercase;
    color:#FFF;
    padding-top:15px;
    padding-bottom:15px;
    background: linear-gradient(to bottom, #326f9e, #4385b9);
}
footer{background:#dcdcdc;color:#000;font-size:14px;margin-top:0px;}
footer h5{color:#000;text-transform: uppercase;font-size:16px;}
footer a{color:#000;}
main{ background: linear-gradient(to bottom, #ffffff, #85B4D8);}
header{background:#FFF;padding-top:30px;}
.main-inner{background:#FFF;}
#topbar{color:#FFF;background:#3b7cae;font-size:16px;position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;}
#topbar a{color:#FFF;}
#topbar strong{margin-right:20px;}
#topbar .fa-solid{color:#abd1ee;margin-left:20px;}
#logo img{max-width:100%;}
#logo{padding-top:50px;}
#logoright{padding-top:10px;}
#menu{    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #11395e, #245b80);
    background-repeat: repeat-x;
    border: 0px solid #1f90bb;
    min-height: 40px;
    border-radius: 0px;}
#menu .navbar-nav > li > a{text-shadow: 0 0;font-size:14px;color:#FFF;text-transform: uppercase;}
#searchbox{
    /*overflow: hidden;*/

    }
#searchboxinner1{
    padding-top:10px;
    background-image: linear-gradient(to bottom, #5f95c3, #8eb5d2);
    background-repeat: repeat-x;
    transform-origin: 0% 100%; /* Set the origin of transform to the bottom left */
    transform: skewX(-20deg);   /* Skew the element to the right */
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    width: 100%;}
#searchboxinner2{transform: skew(20deg);}
#contactusbox{background-image: linear-gradient(to bottom, #25557b, #79a7cb);
    background-repeat: repeat-x;}
#youraccountbox{background-image: linear-gradient(to bottom, #316795, #79a7cb);
    background-repeat: repeat-x;}
#header-cart{margin-bottom:0px;}
#header-cartinner1{background-image: linear-gradient(to bottom, #56770c, #8caa0a);
    background-repeat: repeat-x;
    /*transform-origin: 0% 100%;
    transform: skewX(20deg);
    */
    padding-top:10px;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    width: 100%;}
#header-cartinner2{/*transform: skew(-20deg);*/
}
#contactusbox a, #youraccountbox a{color:#FFF;}
#topnav{width:900px;font-size:14px;position:relative;z-index:1000;}
.carousel {
     border: 0;
     border-radius: 0;
    box-shadow: 0 0 0;
     margin-bottom: 15px;
}
#topfooter .fa-solid{font-size:36px;margin-right:15px;}
@media(max-width:1199px){
    #topnav{width:100%;}
    #searchboxinner1{transform: skewX(0deg);}
    #searchboxinner2{transform: skew(0deg);}
    #logo{padding-top:90px;}
}

.navbar-light .navbar-toggler {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 6px 12px;
    background-color: #5189b8;
    background-image:none;
    border-color: #5189b8;
}
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: none;
    background-repeat: repeat-x;
    background-color: #5189b8;
    border-color: #5189b8;
}
#menu .dropdown-inner ul li a:hover {
    color: #ffffff;
    background-image: none;
    background-color:#5189b8;
}
#menu .dropdown-inner a {min-width:260px;}
.list-group-item.active{background:#5189b8;border-color:#5189b8;}