/* Maybe delete when flatsome is active */
body {
    box-sizing:border-box !important;
    font-family: "Lato";
}

sup {
    font-size: 100% !important;
    top: unset !important;
}

.red {color:#ff0000 !important;font-weight:bold;}

.green {color:#669900 !important;font-weight:bold;}

.normal {color:#111111 !important;font-weight:bold;}

table.currenttime_currentbid tr td .red, table.currenttime_currentbid tr td .green, table.currenttime_currentbid tr td .normal {
    font-size: 26px;
}

.first-auction p {padding:20px;}

.productTableHolder

button {
    border:0px;
    font-size: 20px;
    width:25%;
    float: right;
    margin-left:3%;
    box-sizing:border-box;
    padding:5px 0;
}

.bidbutton { 
    float:right; 
    margin-left:1%;
    font-weight: bold;
    color:#fff;
    background:#fc6000;
    border:1px solid #efefef;
    height: 50px;
    width:100px;
    line-height:28px;
}
.bidbutton.disabled { 
    background-color: #e6e6e6;
}

table.currenttime_currentbid tr, table.currenttime_currentbid tr td {
    text-align: right;
    background: none !important;
}

table.productTable { font-size: 12px;}

.first-auction {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:5px solid #5fb4d9;
}

.img-wrap {
    height: 140px;
}
.img-wrap {
    height: 140px;
}
.img-wrap {
    background: #ffffff none repeat scroll 0 0;
    border-top-left-radius: 0.382em;
    border-top-right-radius: 0.382em;
    float: left;
    position: relative;
    transition: all 0.35s ease-in-out 0s;
    width: 100%;
}

.img-wrap .price::after {
    border-color: #d15102 transparent;
    border-style: solid;
    border-width: 0 0 0.618em 0.618em;
    bottom: 1.90em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
}
.img-wrap .price {
    float: left;
    margin-top: 75px;
}
.img-wrap .price {
    float: left;
    margin-top: 75px;
}
.img-wrap .price {
    background: #f37324 none repeat scroll 0 0 padding-box;
    border-bottom-left-radius: 0.382em;
    border-bottom-right-radius: 0.382em;
    border-top-right-radius: 0.382em;
    bottom: -1em;
    color: #fff;
    display: block;
    font-weight: 700;
    left: -0.58em;
    padding: 0.327em 0.857em;
    position: absolute;
}

.img-wrap .price.green::after {
    border-color: #447700 transparent;
}

.img-wrap .price.red::after {
    border-color: #cc0000 transparent;
}

/*.price.red {background-color:#ff0000; color:#ffffff;}*/


.price.green {text-transform: lowercase;}
.price.green:before {content:"Uw ";text-transform: capitalize;}

div.first-auction { margin-bottom:35px;}

div.first-auction .price.red {background:none; color:#ff0000;}

.auctionTitle {
    font-size:36px;
    text-align:center;
}

div.first-auction .price.green {background:none; color:#669900;}

div.auction_info {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:2px solid #5fb4d9;
    line-height: 20px;
    width: 20px;
    text-align: center;
    cursor: pointer;
    margin: 5px;
}
div.auction_info_details {position:absolute;width:96%;float: left;z-index: 10000;}
div.auction_info_details table {border:2px #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:2px solid #5fb4d9;
}

    html, body {
        width: 100%;
        height: 100%;
        padding:0px;
        margin:0px;
        float:left;
    }
    h1, div {
        /*font-family: "Lato";*/
    }

    h1 {
        text-align: center;
    }

    .auctionList {
        width:100%;
        float: left;
        /*background: #efefef;*/
    }
/*
    div, li {
        list-style-type: none;
        padding: 0px;
        margin: 0px !important;
    }
*/
    .auctionList div.listAuction {
        width: 100%;
        float: left;
    }

    div.auction_row div.auction_title {
        width: 100%;
        float: left;
        text-align: center;
    }

    div.auction_title h2 {
        text-align:center !important;
        padding:0.5em;        
        margin:0;
    }

    div.auction_row {
        width:100%;
        float: left;
        box-sizing: border-box;
        padding:0 1em;
        position: relative;
        overflow: hidden;
    }

    div.main_auction {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border:3px solid #fc6000;
        float:left;
        width: 100%;
        padding-bottom:10px;
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);        
    }

    div.auction {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border:1px solid #efefef;
        float:left;
        width: 100%;
        /*margin-right:1% !important;*/
        margin-top:30px !important;
        float:left;
        padding-bottom:10px;
        background:#fafafa;
    }

    .live_auction table tbody tr td {
        font-size: 0.7em;
        vertical-align: top;
    }

    div.auction_row .first_row {
        float: left;
        width: 100%;
        position: relative;
    }
    .auction_holder {
        width:100%;
        float: left;
        position: relative;
        margin: 10px 0;
    }
    .image_holder {
        width:calc(100% / 12 * 4);
        float: left;
        position: relative;
        overflow: hidden;
        /*background: #333;*/
        box-sizing: border-box;
        /*border:4px solid #fff;*/
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    .image_holder img, body.single div.images img {
        width: 100%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border:0px !important;  
    }
    .auction_information {
        width:calc(100% / 12 * 6.5);
        /*height: auto 300px;*/
        float: left;
        /*position: absolute;*/
        box-sizing: border-box;
    }
    .auction_bidform {
        width:calc(100% / 12 * 1.5);
        height:100%;
        position: absolute;
        float: right;
        right: 0;
        /*background: #333;*/
        max-height: 255px;
        box-sizing: border-box;
        /*border:4px solid #fff;*/
    }
    .auction_bidform button.bidbutton {
        width: 100%;
        height: 25%;
        float:left;
        padding: 0px;
        margin:0px;
        box-sizing:border-box;
        border:4px solid #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background:#fc6000;
        color:#fff;
        font-weight: bold !important;
        font-size: 18px;
    }
    /*.auction_bidform button.bidbutton:hover {
        background:#fff;
        border-color:#fc6000;
        color:#fc6000;
    }*/

    .live_auction {
        width:calc(100% / 12 * 6.5);
        float:left;
        font-size: 23px;
        font-weight: bold;
        box-sizing: border-box;
        padding:10px 20px;
    }

    .details_content {
        display:block;
        /*position: absolute;*/
        width:100% !important;
        z-index: 500;
        box-sizing: border-box;
        padding: 10px 20px !important;
    }

    td:last-child {
        text-align: right !important;
    }
    .details_content td:last-child {
        text-align: left !important;
    }

.ribbon {
    position: absolute;
    left: -2px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 155px;
    height: 155px;
    text-align: right;
}
.ribbon span {
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 170px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#29a7d8 0%, #1e5799 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 20px;
    left: -41px;
    height: 48px;
    padding-top: 5px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

.ribbon_check {
    font-size: 14px;
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0 auto;
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0;
    line-height: 16px;
}

body.single .ribbon {
    left: 16px;
    top: -9px;
}

button.toggle_details {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}


.single .live_auction {
    width:calc(100% / 12 * 8);;
}

.single-product .summary .price {
    width:100% !important;
    text-align: left !important;
}

div.live_auction table td, div.live_auction table th {
    padding:10px;
} 

    @media only screen and (max-width: 720px) {
        .image_holder {
            width:60%;
            position: relative;
            min-height: 200px;
            max-height: 200px;
        }
        .image_holder img {
            position: absolute;
            top:50%;
            margin-top:-120px;
            vertical-align: middle;

        }
        .live_auction {
            width:100%;
            float:left;
        }        
        .auction_information {
            width: 100%;
            position:relative;
            clear: both;
        }
        .auction_bidform {
            height: 200px;
            position: relative;
            width:40%;
        }
    }
    @media only screen and (max-width: 720px) {
        .image_holder {
            width:100%;
            min-height: 250px;
            max-height: 250px;
            position: relative;
        }
        .image_holder img {
            position: absolute;
            /*margin-top:0px;*/
            vertical-align: middle;
            top:50%;
            margin-top:-150px;
        }
        .auction_information {
            width: 100%;
            position: relative;
        }
        .auction_bidform {
            width:100%;
            position: relative;
            max-height: 120px;
        }
        .auction_bidform button.bidbutton {
            width: 50%;
            height:45%;
        }        
    }

@media (hover: none) {
    button:hover { color: inherit; }
}