body {font-family: 'Source Sans Pro', 'Helvetica Neue',Helvetica,Arial,sans-serif !important;}
a {color:#0C3290 !important;}

@media screen and (max-width: 980px) {
    #lg_images { display: none; }
    #sm_images { display: block; }
    #lg_addtoany { display: none; }
    #sm_addtoany { display: block; }
}

@media screen and (min-width: 980px) {
    #sm_images { display: none; }
    #lg_images { display: block; }
    #sm_addtoany { display: none; }
    #lg_addtoany { display: block; }
}
/* Navigation */

#popups {
    position: absolute;
    margin: 0 auto;
}

#errorflash, #statusflash {
    border: solid 1px #000000;
}

.main-desc h1 {
    font-size: 24px;
    margin:0px;
}
.main-desc h3 {
    font-size: 20px;
    margin:0px;
}
.main-desc h4 {
    font-size: 16px;
}
.main-desc {
    margin-bottom:20px; 
}

.signinbtn {
    margin-top:10px;
    
}

h1 img.logo {
    padding: 10px 15px 0 15px;
    float:left;
    margin:-30px 0 0 8px !important;
    width:50px;
}

h1 img.adminlogo {
    padding: 10px 15px 0 15px;
    float:left;
    margin:-30px 0 0 8px !important;
    width:400px;
}

.navbar {
    background: #fff;
    border-bottom:3px solid #333e50;
    text-align: center;
    margin-bottom:10px;
    margin-top:15px;
    padding-top:12px;
}
.navbar-secondary {margin-bottom:15px;position:relative;top:-20px;}

.navbar-nav > li > a {padding:15px 10px; }


.navbar-nav .btn-success {margin-top:10px;margin-left:10px;}
.navbar-header h1 {margin:10px 0 !important;}
.navbar-header h1 img.logo {width:300px;}

.navbar-form {margin: 10px 0;}
.navbar-brand {padding:0 !important;}

@media (max-width:767px) {
    .navbar-nav > li > a {padding:5px 20px;}
    .navbar-form {margin: 4px;}
     .navbar-brand {background:transparent;}
     /*.navbar-brand img {width:200px !important;}*/
}
@media (min-width:768px) and (max-width:991px){
    /*.navbar-brand img {width:220px !important;}*/

}
@media (min-width:992px) and (max-width:1200px) {
    .navbar {height:80px;}
    /*.navbar-brand img {width:260px !important;}*/
    .navbar-brand {margin-left:-20px;}
}
@media (min-width:1201px) {
    .navbar {height:80px;}
}
/*
.navbar-btn {
    margin-left:10px;
}


*/
/* mobile navigation 

.navbar-collapse.in .navbar-right li {
	float:left !important;
	}
.navbar-collapse.in .nav {padding: 0.5em;}
.navbar-collapse.in .navbar-form {
	width:100%;
	float:left;
	border:none;
	padding-top:0;
	} 
.navbar-collapse {background: transparent;}
.navbar-collapse .btn-success {float:right !important;}
.navbar-collapse.in navbar.right li {width:100% !important;}
.navbar-collapse.in form.navbar-form {width:100% !important;}

*/
.navbar-default .navbar-nav>li>a {
    color:#333 !important;
    -webkit-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;  
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
    color:#555 !important;
    background-color:#a4befd !important;
}
.navbar-default .navbar-nav > .active > a {
    border-bottom:none; 
    color:#333;
    background:#dedede;	
}
.navbar-default .navbar-nav > .active > a:hover {
    border-bottom:none; 
    color:#fecc00 !important;	
}
.navbar-default .navbar-toggle {background: #fff;}


nav.footer {background:#eee;margin:0;border-bottom: none;	}
nav.footer a:link {color:#555 !important;background: transparent;}
nav.footer a:hover {color:#222 !important; background: transparent;} 


#c_header {
    background-color: #f5f5f5; 
    background-repeat:no-repeat;
    background-position:right;
    height:10px;
    margin-right:1px;
    padding-top:0px;
    padding-left:50px;
    display: none;
}

.secondary {width:50%;margin-top:-2em;float:right;}
.secondary ul {text-align:right;float:right;}
.secondary ul li {float:right;}

ol.breadcrumb {
    background: none; 
    margin: 0px;
}
.breadcrumb > li + li:before {
    content: "\00bb";
}

.flags {
    margin-right:10%;
    float:right;
}
.flags a {
	margin-left:1em;
	font-size: 80%;
	color:#ddd;}

.thumbnail {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #eee;
}

.ilm-body {
    padding: 10px 10px 0px 10px;
}

.ilm-body h2 {
  margin: 0 0 3px;
  font-size: 16px;
  line-height: 1.2;
}

.ilm-body h2 a {
    font-weight: bold;
    font-size: 16px;
}

.ilm-body .index-bid-text {
  font-size: 1.1em;
}

.ilm-body .index-bid-value {
  font-size: 1.1em;
  font-weight:bold;
}

.accept-best-bid {
    position:absolute; 
    right:0; 
    top:8px;
}

.details h1 {
    font-size: 24px;
    font-weight:bold;
}

.details h3 {
    font-size: 16px;
}

.details h4 {
    color: #888;
    font-size: 14px;
}

.details h5 {
    color: #888;
    font-size: 13px;
}

.item-image-main {overflow: hidden; margin-bottom: 5px; max-height: 530px;} 
.item-image-main img {width: 100%;} 
.item-image-small {width: 24%; height: 95px; overflow: hidden; float: left; margin-bottom: 5px; margin-right: 1.33%; margin-top: 2px;} 
.item-image-small.item-image-last {margin-right: 0;} 
.item-image-small div {width: 100%; height: 95px; background: no-repeat center center; background-size: 100%;} 
.item-image-small img {width: 100%; max-height: 95px;}

@media (max-width:767px) { 
    .item-image-small {height: 55px;} 
    .item-image-small div {height: 55px;} 
}

.details .description {
    margin-top:20px;
    font-size:15px;
}
.details .description p {margin-right: 3em;}
.bidtable {
    width:100%;
    margin-bottom:20px;
}
.bidtable th {
    padding:8px;
}
.bidtable td {
    padding:8px;
}

.bidtable tr {
    border-top:solid 1px #ddd;
}
.bidtable tr.strikeout {color:#ccc;}

.bidtable .latest {
	font-weight: bold;
	font-size:110%;
	color: #0c3290;
	background: #eee;
	}
.bidtable .first {}

	
.bidanim {
    font-weight: bold;
    font-size: 36px;
    color: green;
}

.bidanim2 {
    color: green;
}

#bidlist {
    height:200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.acceptterms {    
    padding: 10px;
    background-color: #FFFCD7;
    border: 1px #C8B962 solid;
    color: #646464;        
    font-weight: bold;
    font-size: 13px;
    margin:0px 12px 15px 12px;
}

div#verifyemail, div#verifymobile {    
    padding: 10px;
    text-align: left;
    background-color: #FFFCD7;
    border: 1px #C8B962 solid;
    color: #646464;        
    font-weight: bold;
    font-size: 13px;
    margin:0px 12px 15px 12px;
}

div#verifyemail { 
    margin-bottom:10px;
}

table#bidtable {
    border-collapse: collapse;
}

table#bidtable td {
    position: relative;
}

table#bidtable tr.strikeout td::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

.item-frame {
    margin-bottom: 20px;
    border: solid 1px #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.item-frame p.highest {font-weight: bold;}

@media (min-width:768px) and (max-width:991px){
    .item-frame {min-height: 350px !important;}
}
@media (min-width:992px) {
    .item-frame {min-height: 350px !important;}
}

.item-frame-list {
    margin-bottom: 20px;
    border: solid 1px #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.item-frame-list p.highest {font-weight: bold;}

.item-frame-header {
    text-align: right;
    padding: 5px;
    padding-right: 10px;
    color: #888888;
    font-weight: bold;
}

.item-frame-body {
    border-top: solid 1px #BBBBBB;
}

.item-tabs {
    margin-bottom: 12px;
}

.row {margin:0 0 1em 0;}

tr.highest_rejected {
    background-color: lightcoral;
}
tr.highest_approved {
    background-color: lightgreen;
}
tr.highest_paid {
    background-color: lightblue;
}


.entry-photo {height: 170px; overflow: hidden; position: relative; text-align: center;} 

.center-cropped-list {width: 200px; height: 170px; background: no-repeat center center; background-size: 150px;} 
.center-cropped-list img {min-width: 100%; min-height: 100%; opacity: 0;}
.center-cropped-list {width: 100%; background-size: 100%;}

.msg-photo {height: 120px; overflow: hidden; position: relative; text-align: center;} 

.msg-center-cropped-list {width: 200px; height: 120px; background: no-repeat center center; background-size: 150px;} 
.msg-center-cropped-list img {min-width: 100%; min-height: 100%; opacity: 0;}
.msg-center-cropped-list {width: 100%; background-size: 100%;}

.userbid-photo {height: 140px; overflow: hidden; position: relative; text-align: center;} 

.userbid-center-cropped-list {width: 200px; height: 140px; background: no-repeat center center; background-size: 150px;} 
.userbid-center-cropped-list img {min-width: 100%; min-height: 100%; opacity: 0;}
.userbid-center-cropped-list {width: 100%; background-size: 100%;}

.countdown-index {
    font-size: 1.3em;
}
.countdown-details {
    font-size: 1.5em;
}
.countdown-unit {
    font-size: 1em;
}


/* Buttons for item lists*/

.item-frame .btn-success {
	font-size: 1.1em;
	padding:3px 15px;
	}
.item-frame .btn-success:hover {
	background:#fff !important;
	box-shadow: none;
	}


/* CTA-Buttons */
.navbar-nav .btn-success, .accept-best-bid .btn-success, .accept-best-bid2 .btn-success, .signinbtn .btn-success {
	background:#ffcc00 !important;
	border:none;
	font-family: 'Source Sans Pro', sans-serif !important;
	color:#333;
	font-weight: bold;
	-webkit-transition: all 0.6s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
     transition: all 0.6s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
.navbar-nav .btn-success:hover, .accept-best-bid .btn-success:hover, .accept-best-bid2 .btn-success:hover {
	background: #ffe435 !important;color:#000 !important;
	box-shadow: 0px 0px 15px 6px rgba(229, 206, 0, 0.54); 
	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
     transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */    
	}

.accept-best-bid .btn-success, .accept-best-bid2 .btn-success {
	background: #97d92c !important;
	margin-top:0.5em;
	}
body.single-item .accept-best-bid {margin-top:15px;}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background:#fff !important;
	border:none;
	color:#444;
	}
a.list-group-item {
	border-left:none; 
	border-right:none;
	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
     transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
a.list-group-item:hover {
	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
     transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}


/* Accordion menu */
 #accordion .glyphicon { margin-right:10px; color:#ccc; }
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 0 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

.panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
.panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

.panel-collapse div.list-group div.list-group{margin: 0;}
.panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}

.categories .panel-default > .panel-heading {background:#fff;}
.categories .panel-active {background:#fafafa;border:0;}
.categories .panel-collapse > .list-group .active {background:#ededed;}
.categories .panel-collapse > .list-group .active a {}

.categories h4 .active {background:#0c3290;color:#fff;}

#catDropdownMenu {
    text-align:left;
    margin-bottom:10px;
}

.btn-primary {
    background:#0c3290;
    border:none;
    color:#ddd !important;
}

.alert-info {background: #fff;border-color:#d0f1ff;}


/* Item page */
#auctionactive h4 {text-align: center;}
#time {
	text-align:center;
	color:#999; 
	margin-bottom: 2em;
}
#time p {font-size: 16px;}
#time button.submit {
	color:#fff !important;
	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
     transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
#time p span {text-align: center;}
#time span.digit-unit {
	border-right: 1px solid #ddd;
	padding:0.2em 0 0.6em 0.3em;
	}
#time span.digit-unit .last {border-right: none;}
#time span.digit-unit span.countdown-unit {
	position: relative;
	top: 1.5em;
	left: -2.5em;
	font-size: 10px;
	}
	
#submit-bid {
	border:1px solid #ccc;
	border-radius: 4px;
	padding:1em;
}

/* Bid amount in item page*/
.details .bid-amount {
    font-size: 32px;
    font-weight: bold;
    color: #333e50;
    margin:0 0.2em;
    clear: both;
}

.bid-amount-my-bid {
    color: #96DA2C !important;
}

.highest {
    margin-bottom:1em;
    border:1px solid #333e50;
    border-radius: 4px;
    clear: both;
}
.highest-my-bid {
	border:2px solid #96da2c;
}

.highest p {
	text-align: center !important;
	margin:0;
	color:#0a3392 !important;
} 
.highest p span {clear:both;}

.cookie-info-container {
    display: none;
    bottom: 0;
    font-size: 16px;
    left: -2px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    min-height: 63px;
    background: #636261;
    opacity: .9;
    filter: alpha(opacity=90)
}

.cookie-info {
    color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    width: 95%;
    text-align: left;
    overflow: hidden
}

.cookie-close-btn {
    background: url("/images/caivos/cookie_info_close.png") no-repeat;
    height: 19px;
    width: 19px;
    float: right;
    overflow: hidden;
    text-indent: -9999px
}

.cookie-info a:hover, .cookie-info a:active, .cookie-info a:link, .cookie-info a:visited {
    color: #fff
}

.vat-string {
    color: #888;
    font-size: 13px;
}

.provider-frame {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 1px #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.provider-frame p.highest {font-weight: bold;}

.userbids th {
    padding:5px;
}
.userbids td {    
    padding:5px;
    padding-right:10px;
}

.item-list-text {
    padding: 5px;
    font-weight: normal;
    font-size: 1.1em;
}

.item-list-value {
    padding: 5px;
    font-weight: bold;
    font-size: 1.3em;
}

.pw-requirements li {
    font-size: 1.2em;
}

/* Extra top spacing for bid panel on mobile (stacked below gallery) */
@media (max-width: 991px) {
    .auction-detail-col {
        margin-top: 24px;
    }
}

/* Unified image/video gallery (Swiper) */
.swiper-main {
    height: min(70vw, 420px);
    background: #111;
}

.swiper-main .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
}

/* zoom-container must fill the flex slide so Swiper zoom can apply transforms */
.swiper-main .swiper-zoom-container {
    flex: 1;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.swiper-main .swiper-slide img,
.swiper-main .swiper-slide video {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.swiper-main .swiper-pagination {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.swiper-thumbs {
    height: 80px;
    margin-top: 4px;
    box-sizing: border-box;
}

.swiper-thumbs .swiper-slide {
    width: 100px !important;
    height: 70px;
    opacity: 0.4;
    cursor: pointer;
    background: #e8e8e8;
    overflow: hidden;
}

.swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    outline: 2px solid #0c3290;
}

.swiper-thumbs .swiper-slide img,
.swiper-thumbs .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Expand button on main swiper */
.gallery-expand-btn {
    position: absolute;
    bottom: 40px;
    right: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 6px 9px;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
}
.gallery-expand-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Fullscreen gallery overlay */
#fullscreen-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh; /* iOS Safari: dynamic viewport, excludes URL bar */
    background: rgba(0, 0, 0, 0.97);
    z-index: 9999;
    flex-direction: column;
    overscroll-behavior: contain;
}
#fullscreen-overlay.open {
    display: flex;
}
#fullscreen-close {
    position: absolute;
    top: 12px;
    right: 15px;
    background: none;
    border: none;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    padding: 4px 10px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.swiper-fullscreen {
    flex: 1;
    width: 100%;
    min-height: 0;
}
.swiper-fullscreen .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.swiper-fullscreen .swiper-zoom-container {
    flex: 1;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.swiper-fullscreen .swiper-slide img,
.swiper-fullscreen .swiper-slide video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-fullscreen .swiper-pagination {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.swiper-fullscreen-thumbs {
    height: 84px;
    flex-shrink: 0;
    padding: 7px 5px;
    background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
    .swiper-fullscreen-thumbs {
        display: none;
    }
}
.swiper-fullscreen-thumbs .swiper-slide {
    width: 90px !important;
    height: 70px;
    opacity: 0.4;
    cursor: pointer;
    overflow: hidden;
    background: #333;
}
.swiper-fullscreen-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    outline: 2px solid #fff;
}
.swiper-fullscreen-thumbs .swiper-slide img,
.swiper-fullscreen-thumbs .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}