html,
body {
    /* margin: 0;
        padding: 0;*/
    font-family: 'Open Sans', sans-serif;
}

/* --------------------------------------------------
    sitewide header elements
    -------------------------------------------------- */
h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 3em
}

h2 {
    font-size: 2.6em;
    font-weight: 300;
}

h3 {
    font-size: 1.8em;
    font-weight: 300;
}

h4 {
    font-size: 1.4em;
    font-weight: 300;
}

p {
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
}

.navbar-nav > li > a, .navbar-nav > li > ul > li > a {
    padding: 15px 3px 12px 3px;
    margin: 0px 15px 0px 15px;
    background-color: #ffffff;
    border-width: 0px 0px 3px 0px;
    border-color: #ffffff;
    border-style: solid;
}

    .navbar-nav > li > a:visited, .navbar-nav > li > ul > li > a:visited {
        background-color: #ffffff;
        border-width: 0px 0px 3px 0px;
        border-color: #ffffff;
        border-style: solid;
    }

    .navbar-nav > li > a:hover, .navbar-nav > li > ul > li > a:hover {
        background-color: #ffffff;
        border-width: 0px 0px 3px 0px;
        border-color: #000000;
        border-style: solid;
    }

    .navbar-nav > li > a:active, .navbar-nav > li > ul > li > a:active {
        background-color: #ffffff;
        border-width: 0px 0px 3px 0px;
        border-color: #000000;
        border-style: solid;
    }

.navbar .navbar-toggle .icon-bar {
    background-color: black;
}

.navbar-nav > li.active > a, .navbar-nav > li > ul > li.active > a {
    background-color: #ffffff;
    border-width: 0px 0px 3px 0px;
    border-color: #000000;
    border-style: solid;
}

    .navbar-nav > li.active > a:visited, .navbar-nav > li > ul > li.active > a:visited {
        background-color: #ffffff;
        color: #000000;
    }

    .navbar-nav > li.active > a:hover, .navbar-nav > li > ul > li.active > a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .navbar-nav > li.active > a:active, .navbar-nav > li > ul > li.active > a:active {
        background-color: #ffffff;
        color: #000000;
    }

#search-bar {
    padding: 20px 0px 20px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: darkgray;
    display: none
}

#loginMsg {
    display: none;
    color: #ed1c24;
}

.search-options {
    margin-top: 10px;
    text-align: right;
}
/* --------------------------------------------------
    footer & bottom navigation areas
    -------------------------------------------------- */

#footer {
    margin-top: 70px;
    min-height: 30px;
    color: #fff;
    padding: 0;
    text-align: center;
    background: transparent;
}

    #footer .fa {
        margin: 0px 4px 0px 4px
    }

    #footer .social {
        font-size: 2.0em;
        line-height: normal
    }

.footer-info {
    font-size: .90em;
    line-height: normal
}

#footer p {
    padding: 0;
}

.divider {
    padding-bottom: 10px;
}

    .divider hr {
        margin: 0;
        border-top: 1px solid #000;
    }

#footer .bkgd-padding {
    padding: 20px;
}

#footer p.copyright {
    font-style: italic;
    font-weight: bold;
}

#footer a {
    color: #ffffff;
}

#sales-partner {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 175%
}

.med-gray-bkgd {
    background: #939393;
}

.gray-bkgd {
    background: #d5d5d5;
}

.white-bkgd {
    background: #fff;
}

/*
    .abs{position:absolute; bottom:33%; right:0px; font-size:24px; background:rgba(251,251,251,0.5); padding:10px 20px; margin:0; width:50%; text-align:left;}
    .hero-container {width: 100%;height: 100%;}
    */

.estateBox {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 30px
}

    .estateBox h3 {
        font-size: 1.5em;
        font-weight: 300;
    }

p.timeline {
    padding: 2px 8px;
    font-weight: 500;
    color: #fff;
    background: #555555;
}

.sale-address {
    font-size: 1.4em;
    font-weight: 300
}

.location {
    color: #000000;
    font-weight: bold;
}

#current-estate-sales > div.row {
    background: #d5d5d5;
    padding: 30px 30px 0px 30px;
}

.current-sale-item {
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
}

.saleHeadline {
    margin-top: 0px;
}

#current-estate-sales, #featured-items {
    margin: 20px 0 50px 0;
    overflow: hidden;
}

.current-sale-item > h3 {
    margin-top: 0px;
}

.current-sale-button {
    text-align: right;
    margin-top: 5px;
}

.gray-promo {
    padding: 20px;
    color: #fff;
    background: #555555;
    margin-top: 60px;
}

    .gray-promo p {
        font-size: .9em;
    }

    .gray-promo a:link, .gray-promo a:visited {
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
    }

    .gray-promo a:hover {
        text-decoration: underline
    }

.item-info {
    font-size: .90em;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px
}

    .item-info img {
        margin-bottom: 10px
    }

.item-info-bids {
    float: left;
    line-height: 2.0
}

.item-info-price {
    float: right
}

    .item-info-price b {
        font-size: 1.4em;
        font-weight: bold;
        line-height: normal;
        color: #000000
    }

.item-info div {
    margin: 4px 0px 4px 0px;
}

/* Auction Detail Page*/
div.auction-details h2 {
    margin-bottom: 20px;
}

div.auction-details span, div.auction-details div {
    font-size: 1.0em;
    line-height: normal;
    font-weight: 300;
}

div.auction-details #catalogLocation {
    font-size: 1.4em;
    line-height: normal;
    font-weight: 300;
}

div.auction-details b {
    font-size: 1.0em;
    line-height: normal;
    font-weight: bold;
}

/* Terms & Condtions Page */
div.terms p {
    font-size: 1.05em;
    line-height: normal;
    font-weight: 300;
}

div.terms h2 {
    margin-bottom: 20px
}

/* Bid Increments */
div.bid-increments h2 {
    margin-bottom: 20px;
}

div.bid-increments table {
    width: 100%;
}

div.bid-increments td {
    padding: 4px;
    font-size: 1.1em;
    line-height: normal;
    width: 50%;
}

div.bid-increments tr:nth-child(even) {
    background-color: #f0f0f0;
}

/* Shipping Info */
div.shipping-info h2 {
    margin-bottom: 20px;
}

div.shipping-info p {
    font-size: 1.05em;
    line-height: normal;
    font-weight: 300;
}

/* Bid Activity */
div.bid-activity h3 {
    margin-bottom: 20px;
}

div.bid-activity td {
    padding: 4px;
    font-size: 1.1em;
    line-height: normal;
}

div.bid-activity tr:nth-child(even) {
    background-color: #f0f0f0;
}

/* Filter Title */
.filterTitle {
    display: none;
}

.catalogItems {
    margin: 0px;
    padding: 0px;
}

.top-menu-bar {
    background-color: lightgray;
    padding: 3px;
    margin: 20px 0px 20px 0px;
    display: none;
}

.darkGray {
    color: darkgray;
}

.saleInfo {
    font-size: 1.5em;
    line-height: normal;
    font-weight: 400;
}

.catMsg {
    color: #000000;
    padding: 6px;
    margin: 20px 0px 20px 0px;
    border-width: 1px 0px 1px 0px;
    border-color: darkgray;
    border-style: solid;
}

.totalItems {
    color: #000000;
    text-align: left
}

.itemContainer {
    margin-bottom: 20px;
}

.itemMsg {
    margin-bottom: 3px;
    font-size: 1.1em;
    line-height: normal;
    color: #ed1c24;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.bidLabel {
    font-size: 1.3em;
    color: gray;
    font-weight: bold;
}

.itemCurBid {
    font-size: 1.4em;
    color: #000000;
    font-weight: bold;
}

.totalPriceInfo {
    font-size: .85em;
    text-align: right;
    color: #000000;
}

.div-title {
    margin: 3px 0px 0px 0px;
}

.item-title {
    font-weight: bold;
}

.bidItem {
    margin-top: 6px;
}

.div-item-info {
    color: gray;
    font-size: .85em;
}

    .div-item-info a {
        color: gray;
        text-decoration: underline;
    }

.bidTable {
    margin-top: 10px
}

    .bidTable td {
        padding: 4px;
        font-size: 1.05em;
        line-height: normal;
        font-weight: 300;
    }

.bidIncrementsTable {
    font-size: 1.1em;
    line-height: normal
}

    .bidIncrementsTable td {
        padding: 4px;
        font-size: 1.05em;
        line-height: normal;
        font-weight: 300;
    }

.timeLeft {
    font-size: 1.3em;
    line-height: normal;
    font-weight: 300;
    margin-top: 6px;
    margin-bottom: 9px;
    color: #000000;
    text-align: center;
}

.closed {
}

.hideUntilLoaded {
    display: none;
}

.loaded > .hideUntilLoaded {
    display: block;
}

.closed .hideWhenClosed {
    display: none;
}

#loading {
    display: none;
}

#email-alert {
    display: none;
    margin: 0px 5% 6px 5%;
}

.closingTime {
    color: gray;
    font-size: .90em;
    line-height: normal;
}


.itemPhotoDetail > .swiper-wrapper {
    align-items: center; /* add this will all relevant prefixes */
}

.itemPhotoList, .itemPhotoDetail, .salesPhoto {
    background-color: #f0f0f0;
}

.salesPhoto {
    margin-bottom: 25px;
}
    /*.itemContainer > .swiper-container img {max-height:80vw;margin: auto;}*/
    .itemPhotoList img, .itemPhotoDetail img, .salesPhoto img {
        max-height: 300px;
        margin: auto;
    }

.going {
    font-size: 1.4em;
    font-weight: bold;
    color: #ed1c24;
}

.highBid {
    color: #008000;
}


@media (min-width: 768px) {
    .totalItems {
        color: #000000;
        text-align: right;
    }

    .itemPhotoList img {
        max-height: 259px;
        margin: auto;
    }

    .itemPhotoDetail img {
        max-height: 259px;
        margin: auto;
    }

    .salesPhoto img {
        max-height: 214px;
        margin: auto;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .itemPhotoList img {
        max-height: 220px;
        margin: auto;
    }

    .itemPhotoDetail img {
        max-height: 341px;
        margin: auto;
    }

    .salesPhoto img {
        max-height: 190px;
        margin: auto;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .itemPhotoList img {
        max-height: 197px;
        margin: auto;
    }

    .itemPhotoDetail img {
        max-height: 490px;
        margin: auto;
    }

    .salesPhoto img {
        max-height: 174px;
        margin: auto;
    }
}

.itemPhotoDetail.viewLargePhoto img {
    max-height: none;
}

.progress .progress-bar {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}