@charset "utf-8";

/* CSS Document for Helsingin Pantti
   by Mediascope Oy 2018
*/

a, a:visited { color:#f6821f; }
a:hover { color:#f6821f; }

/* CONTAINERS */

#master-wrap { min-width:320px; position: relative; }

#top-bar .container-fluid { padding:0; }
#top-bar .row { max-width:1300px; margin:0 auto; }

#header-wrap { background:#64c8ff; }
#header-wrap .row { max-width:1300px; margin:0 auto; }

#content-wrap { padding-top:20px; padding-bottom:50px; }
#content-wrap .col-md-9 .row { margin-left:0; margin-right:0; }
@media (min-width: 1200px) {
    #content-wrap .col-md-3 { padding-left:0; }
    #content-wrap .col-md-9 { padding-right:0; }
    #content-wrap .col-12.item-content { padding-right:0; }
}

#footer-wrap { background:#64c8ff; padding:40px 0 10px; }

/* NAVIGATION */

#logo { display:block; margin:33px 15px 5px; width:300px; max-width:100%; height:45px; background:url(img/logo_huutokauppa.svg) no-repeat center center; background-size:100% auto; text-indent:-9000pt; }
@media (max-width: 991px) { #logo { margin-left:0; margin-right:0; } }
@media (max-width: 575px) { #logo { margin:20px auto 10px; width:230px; max-width:100%; } }
    
.logo-links { text-align:center; max-width:280px; margin:0 0 15px; }
.logo-links a { color:#fff; font-size:18px; line-height:22px; font-weight:bold; display:inline-block; margin:0 8px; text-decoration:none; }
@media (max-width: 991px) { .logo-links { max-width:250px; } /*.logo-links a { margin:0 5px; }*/ }
@media (max-width: 575px) { .logo-links { max-width:none; margin-top:5px; margin-bottom:5px; } }

#head-nav { list-style-type:none; padding:0; margin:0; display:block; float:right; position:absolute; bottom:0; right:20px; }
#head-nav li { display:block; float:left; position:relative; margin-left:25px; padding:3px 0 0; }
#head-nav li a { display:block; color:#000; font-size: 16px; line-height: 32px; }
#head-nav li.active a { font-weight:bold; }
#head-nav li.active::after {
    content: " ";
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #64c8ff;
    border-top: none;
}
#head-nav li a i { margin-right:5px; }

@media (max-width: 991px) {
	#top-bar { padding-top:35px; }
	#head-nav-container { position:static; }
	#head-nav { float:none; top:0; left:0; right:0; text-align:center; display:block; width:100%; height:35px; }
	#head-nav li { display:inline-block; margin:0 10px; float:none; }
	#head-nav li.active::after { display:none; }
}

@media (max-width: 767px) {
	#top-bar { padding-top:30px; }
	#head-nav li { margin:0 5px; }
	#head-nav li a { font-size: 14px; line-height: 28px; }
}

#primary-nav { }
@media (min-width: 992px) { #primary-nav { float:right; margin:40px 0 25px; } }
#primary-nav ul { list-style-type:none; padding:0; }
#primary-nav ul li { display:inline-block; margin:0 15px; }
#primary-nav ul li a { color:#fff; text-decoration:none; font-size:14px; font-weight:600; }
#primary-nav ul li a i { margin-right:3px; }
#primary-nav .badge-pill { color: #000; background-color: #fff; font-weight:600; font-size:14px; padding: .35em .55em; border-radius: 10rem; min-width:24px; }
@media (max-width: 991px) {
    #primary-nav ul { text-align:center; margin-top:5px; }
    #primary-nav ul li { margin:0 5px 5px; }
    #primary-nav ul li a { font-size:14px; }
}

#header-wrap .search { margin-top:27px; }
#header-wrap .search form { display:block; height:40px; background:#fff; position:relative; padding:0 5px 0 13px; border-radius:20px; overflow:hidden; }
#header-wrap .search form input[type=text] { font-size:16px; line-height:18px; color:#979797; height:40px; width:100%; padding:5px 60px 5px 10px; border:none; }
#header-wrap .search form input[type=submit] { position:absolute; top:0; right:5px; width:50px; height:40px; background:transparent; border:none; cursor:pointer; text-indent:-9000pt; z-index:5; }
#header-wrap .search form:after { content:"\f002"; font-family:"Font Awesome 5 Pro"; font-weight:900; position:absolute; top:0; right:5px; color:#64c8ff; font-size:24px; line-height:40px; z-index:4; display:block; width:35px; height:40px; }
#header-wrap .search a { display:block; color:#fff; font-weight:600; font-size:12px; margin:5px 0 10px; }

@media (max-width: 575px) {
	#header-wrap { position:relative; padding-bottom:80px; }
	#header-search { position:Absolute; bottom:5px; left:0; right:0; }
	#header-wrap .search { margin-top:0px; }
}

#footer-wrap ul { list-style-type:none; padding-left:0; margin-bottom:10px; }
#footer-wrap ul li { margin:10px 0; }
#footer-wrap ul li a { color:#fff; font-size:16px; line-height:24px; font-weight:600; letter-spacing:1px; padding-left:15px; position:relative; }
#footer-wrap ul li a:before { content:"\f0da"; font-family:"Font Awesome 5 Pro"; font-weight:900; position:absolute; top:0; left:0; }
@media (max-width: 575px) { #footer-wrap ul li { text-align:center; } }

#some { text-align:center; }
@media (max-width: 767px) { #some { padding:30px 0; } }
#some a { display:inline-block; width:48px; height:48px; margin:0 10px; background:#fff; border-radius: 48px; }
#some a i { color:#64c8ff; font-size:26px; line-height:48px; }

ul.category-list { padding:0; list-style-type:none; }
ul.category-list li { border-bottom:2px solid #f0f0f0;/*#e4dbcc;*/ position:relative; }
ul.category-list li:last-child { border:none; }
ul.category-list li a { display:block; padding:7px 0; width:100%; font-size:18px; line-height:26px; font-weight:600; /*color:#64c8ff;*/color:#f6821f; text-decoration:none; }
ul.category-list li a:hover { /*color:#00A0F8;*/ }
ul.category-list li.active:after { content:"\f061"; /*color:#64c8ff;*/color:#f6821f; font-family:"Font Awesome 5 Pro"; font-weight:900; position:absolute; top:0; right:0; font-size:24px; line-height:40px; }

/* cat nav mobile */
.cat-nav { margin: 30px 0 50px; }
.cat-nav-toggle { display:none; z-index:299; cursor:pointer; /*position:absolute; top:5px; left:200px;*/ width: 31px; height: 35px; padding-top:16px; margin:0 10px 0 8px; }
.cat-nav-toggle .bar { position:relative; display:block; opacity:1; width:100%; height:4px; background:#64c8ff; margin-bottom:4px; -webkit-transition: opacity 500ms, transform 500ms, position 500ms; -moz-transition: opacity 500ms, transform 500ms, position 500ms; -ms-transition: opacity 500ms, transform 500ms, position 500ms; -o-transition: opacity 500ms, transform 500ms, position 500ms; transition: opacity 500ms, transform 500ms, position 500ms;  }
.cat-nav-toggle.active .bar {  }
.cat-nav-toggle.active .bar:nth-child(1) { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top:10px; z-index:2; }
.cat-nav-toggle.active .bar:nth-child(3) { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top:-6px; z-index:2; }
.cat-nav-toggle.active .bar:nth-child(2) { opacity:0; z-index:1; }

@media (max-width: 767px) {
    .cat-nav { display:none; }
    .cat-nav-toggle { display:inline-block; }
}
@media (min-width: 768px) { .cat-nav { display:block!important; } }

#sub-nav { padding:10px 0 0; }
#sub-nav ul { list-style-type:none; padding:0; }
#sub-nav ul li { display:inline-block; margin:0 8px 8px 0; }
#sub-nav ul li a { display:inline-block; color:#fff; background:#64c7fe; font-size:16px; line-height:24px; font-weight:900; padding:7px 17px; border-radius:5px; }
#sub-nav ul li.active a { background:#c7ebff; }

.bottom-links { text-align:right; margin-top:10px; }
.bottom-links a { color:#fff; font-size:14px; font-weight:600; letter-spacing:1px; margin:0 5px; }

@media (max-width: 767px) { .bottom-links { text-align:center; } }

.btn { background:#f6821f; color:#fff!important; font-weight:bold; }
.btn-primary { background-color: #f6821f; border-color: #f6821f; }

:focus { outline: none; }

/* FONTS */

h1 { /*color:#c7b596;*/ color:#63c8ff; font-size:42px; font-weight:bold; margin:10px 0 20px;  }
.myaccount h1 { color:#292929; }
.auction h1 { margin-top:5px; }
.item-content h1 { color:#262626; font-size:30px; line-height:32px; margin-top:5px; }

h2 {/* color:#c7b596;*/ color:#63c8ff; font-size:24px; font-weight:bold; margin:10px 0 20px; }
.item-content h2 { font-size:30px; font-weight:900; margin-bottom:5px; color:#f6821f; }

h3 { font-size:24px; line-height:30px; font-weight:700; color:#1c1c1c; }
.item-content h3 { color:#292929; font-size:24px; line-height:24px; font-weight:600; margin-bottom:20px; }
#checkout h3 { margin:15px 0 15px; }

p { color:#383838; font-size:16px; line-height:24px; margin-bottom:20px; }
#footer-wrap p { color:#fff; font-size:16px; line-height:30px; font-weight:600; letter-spacing:1px; margin-bottom:10px; }
@media (max-width: 575px) { #footer-wrap p { text-align:center; } }
p.cat-desc { max-width:630px; font-size:16px; line-height:24px; color:#383838; }
.timebox p { font-size:14px; line-height:18px; margin:0; }
.alert p { margin-bottom:0; }
p.price { font-size:36px; line-height:36px; color:#292929; font-weight:700; margin:20px 0; }
.gray-box p { color:#292929; font-size:16px; line-height:30px; font-weight:600; margin:0; }
p.reg-error { margin:10px 0; font-weight:bold; color:red; }

#next-auction { margin-top:4px; margin-bottom:4px; }
#next-auction p { color:#fff; font-size:15px; line-height:24px; font-weight:400; letter-spacing:0px; margin:0;  }
#next-auction p a { /*color:#64c7fe;*/color:#f6821f; margin-left:5px; display:inline-block; }
#next-auction .date { background:#f6821f; display:inline-block; padding:3px 20px; border-radius:10px; margin-right:20px; }
#next-auction .date .top-timer span { margin-left:10px; }
/*@media (max-width: 767px) { #next-auction p { font-size:13px; line-height:20px; } #next-auction p a { display:block; margin-top:5px; } }*/

@media (max-width: 991px) {
	#next-auction { background:#f6821f; padding:5px; }
	#next-auction p a { color:#fff;  }
	#next-auction .date { padding:0; }
}
@media (max-width: 460px) {
	#next-auction p { font-size:14px; line-height:20px; }
}
table.prices { margin:20px 0; width:100%; max-width:250px; }
table.prices td { color:#2a2a2a!important; font-size:14px!important; line-height:20px!important; }
table.prices tr td:nth-child(1) { padding-right:10px; }
table.prices tr td:nth-child(2) {  }

span.leader { font-weight:bold; }
@media (max-width: 1200px) {
	.col-12.col-md-9 > table { width:100%!important; }
}
.item-content table { width:100%; }
.item-content table td { color: #383838; font-size: 16px; line-height: 24px; }


/* CONTENT */

.image-slider { display:none; }
.image-slider.slick-initialized { display:block; }
img.slick-slide { height:auto!important; }
.image-slider img { width:100%; height:auto; }

#fp-slider { padding:0; max-width:1280px; margin:20px auto 0; }
#fp-slider .slick-next { right:10px; z-index:10; width: 20px; height: 40px; }
#fp-slider .slick-prev { left:10px; z-index:10; width: 20px; height: 40px; }
#master-wrap .slick-next:before, #master-wrap .slick-prev:before { color:#fff; font-size:35px; font-weight: 900; font-family: "Font Awesome 5 Pro"; }
#master-wrap .slick-next:before { content: "\f105"; }
#master-wrap .slick-prev:before { content: "\f104"; }
@media (max-width:767px) { #fp-slider .slick-next, #fp-slider .slick-prev { display:none!important; } }

.slider-wrap { position:relative; max-width:500px; margin:0 auto; padding-top:30px; }
.slider-wrap .image-slider { margin:0; padding:0; }
.slider-wrap .slick-slide { cursor:pointer; }
.slider-wrap #fullscreen { display:block; height:42px; width:42px; font-size:32px; line-height:32px; color:#f6821f; position:absolute; bottom:15px; right:15px; padding:5px; background:#fff; border-radius:5px; text-decoration:none; }
.slider-wrap #fullscreen i { display:block; }
@media (max-width:767px) { .slider-wrap #fullscreen { bottom:5px; right:5px; } }

.imagenav { padding:10px 40px; border:2px solid #d1d1d1; margin-top:30px;  }
.imagenav .slick-slide { cursor:pointer; padding:0 10px; }
.imagenav .image-slider { margin:0; padding:0; }
.imagenav .slick-next { right:-30px; z-index:10; width: 20px; height: 30px; }
.imagenav .slick-prev { left:-30px; z-index:10; width: 20px; height: 30px; }
.imagenav .slick-next:before, .imagenav .slick-prev:before { color:#64c8ff!important; font-size:35px; font-weight: 900; }

.sidebar img { max-width:100%; height:auto; margin:20px auto; }
.banner-left img { max-width:270px; width:100%; }
@media (max-width: 767px) { .sidebar.d-block { padding-top:20px; } }

.row.item-list { margin-bottom: 30px; border-top:2px solid #d1d1d1  }
.row.item-list.mybids { margin-left:0; margin-right:0; }
.row.item-list.mybids.checkout { margin-bottom:15px; }
.row.item-list.search { margin-top:15px; margin-bottom:15px; }
    
div.item { padding:10px 15px 85px; border:2px solid #d1d1d1; border-left:0; border-top:0; position:relative; }
@media (min-width: 1200px) { div.item:nth-child(3n+1) { border-left:2px solid #d1d1d1; } }
@media (min-width: 576px) AND (max-width: 1199px) { div.item:nth-child(2n+1) { border-left:2px solid #d1d1d1; } }
@media (max-width: 575px) { div.item { border-left:2px solid #d1d1d1; } }

div.item img { display:block; max-width:100%; margin:20px auto 20px; }
div.item span.item_id, div.item span.auction_id { display:block; position:absolute; top:2px; right:5px; /*color:#c7b596;*/ color:#f6821f; font-size:30px; line-height:30px; font-weight:700; }
div.item span.title { display:block; color:#f6821f;/*#64c8ff;*/ font-size:18px; line-height:22px; font-weight:600; padding-left:5px; }
div.item .info { padding-left:5px; min-height:36px; padding-top:5px; }
div.item .info p { font-size:14px; line-height:18px; color:#2f2f2f; font-weight:500; margin:5px 0; }
div.item .info table td { font-size:14px; line-height:18px; color:#8e8e8e;/*#2f2f2f;*/ font-weight:500; padding:0 5px 5px 0; }

div.item .start-price { display:block; color:#2a2a2a; font-size:12px; line-height:16px; font-weight:600; position:absolute; bottom:50px; left:20px; }
div.item.status-5 .start-price { color:#c7c7c7;}
div.item .price { display:block; color:#2a2a2a; font-size:30px; line-height:30px; font-weight:700; position:absolute; bottom:21px; left:20px; }
div.item .btn { color:#fff; background:#f6821f;/*#64c8ff;*/ font-size:16px; font-weight:600; padding: 5px 20px; position:absolute; bottom:17px; right:15px; }
div.item.status-5 .btn { background:#e4e4e4; cursor:default; }
div.item.status-5 span.title, div.item.status-5 .info p, div.item.status-5 .price { color:#c7c7c7; }
div.item.status-5 a { text-decoration:none; cursor:default; }

div.item span.ends { display:none; }
div.item.status-1 span.ends { display:block; position:absolute; top:4px; left:10px; /*color:#c7b596;*/ color:#000; font-size:14px; }
#mybids div.item.status-1 span.ends { position:relative; top:0; left:0; font-weight: bold; }

div.item:after { display:inline-block; content:"Päättynyt"; position:absolute; top:5px; left:5px; background: #b1b1b1;/*#c8b597;*/ color: #fff; font-size: 16px; border-radius: 0; font-weight: 600; padding: .25em .4em; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; }
.mybids div.item:after, div.item.status-1:after, div.item.status-5:after, div.item.banner:after { display:none; content:""; }

div.item.banner { padding:0; }
div.item.banner img { display:block; margin: 0 auto; width:100%; height:auto; max-width:417px; }

.mybids div.item { border-left:2px solid #d1d1d1; padding:10px 10px; }
.mybids div.item .row { margin-left:0; margin-right:0; }
.mybids div.item img { max-height: 120px; width:auto; margin:0; }
.mybids div.item .item_id, .mybids div.item .auction_id { position:relative; top: auto; right: auto; padding-top:10px; }
.mybids div.item .price { position:relative; bottom: auto; left: auto; }
.mybids div.item .col-image { padding-left:0; }
.mybids div.item .col-item_id { padding-left:5px; padding-right:0; }
.mybids div.item .col-title { padding-top:20px; }
.mybids div.item .col-price { padding-top:30px; padding-bottom:30px; padding-right:0; }
.mybids div.item.status-1 .col-price { padding-top:15px; }
.mybids div.item .col-cta { padding-top:40px; }
.mybids div.item.status-1 .col-cta, .mybids div.item.status-3 .col-cta { padding-top:20px; }
.mybids.checkout div.item .col-cta { padding-top:20px; }
.mybids div.item .col-cta .btn { position:relative;; bottom:auto; right:auto; margin:auto; }

.mybids .badge { color:#fff; font-size:16px; border-radius:0; font-weight:600; margin:8px 5px 0 0; }
.mybids .badge-secondary { background:#d1d1d1; }
.mybids .badge-success { background:#5ac8b2; }
.mybids .badge-danger { background:#ff868b; }
.mybids .badge-delivery { background:#64c7fe; }

@media (min-width:992px) { div.item .btn.checkoutbtn { padding: 5px 13px; } }

@media (max-width:991px) {
    .mybids div.item .col-title { padding-left:0px; padding-right:0; }
    .mybids div.item span.title { font-size: 14px; line-height: 18px; }
    .mybids div.item .info p { font-size: 10px; line-height: 16px; }
    .mybids div.item .col-price { padding:20px 10px; }
    .mybids div.item .price { font-size: 20px; line-height: 20px;  }
    .mybids .badge { font-size:12px; }
    .mybids div.item .col-cta { padding-top:20px; padding-left:5px; padding-right:5px; }
    
    .mybids div.item .btn { padding:5px 10px; width:40px; overflow:hidden; display:block; }
    .mybids .btn:before { content:"\f101"; margin-left:3px; margin-right:50px; color:#fff; font-family:"Font Awesome 5 Pro"; font-weight:900;  }
    .mybids .btn.bidbtn:before { content:"\f0e3"; margin-left:0; }
    .mybids .btn.checkoutbtn:before { content:"\f09d"; margin-left:0; }
    
    #mybids div.item.status-1 span.ends { font-size:12px; line-height:14px; padding-bottom:4px; }
}
@media (max-width: 767px) { 
    .mybids div.item .col-title { padding:0px; }
    .mybids div.item .col-price { padding:20px 5px; }
    .mybids div.item .price { font-size: 14px; line-height: 14px; }
    .mybids .badge { font-size:10px; white-space:inherit; display:block; }
    .mybids.checkout div.item .col-cta { font-size:12px; padding-top:10px; }
    .mybids div.item.status-1 .col-cta, .mybids div.item.status-3 .col-cta { padding-top:2px; }
    
    #mybids div.item.status-1 span.ends { font-size:8px; line-height:11px; padding-bottom:5px;  }
}
@media (max-width: 480px) {
    .mybids .badge { margin-top:5px; }
    .mybids div.item .col-image { padding-right:10px; }
    .mybids div.item span.title { font-size: 12px; line-height: 16px; }
    .mybids div.item .info p { word-break: break-all; font-size: 9px; line-height: 14px; }
    .mybids div.item .info td { display:block; word-break: break-all; font-size: 9px; line-height: 14px; }
}

.timebox { margin:15px 0; padding:20px; border:2px solid #64c8ff; }
.timebox p.checking { display:none; }
.countdown { display:none; font-weight:bold; }

.featherlight-next:hover, .featherlight-previous:hover { background:transparent; }
.featherlight-next span, .featherlight-previous span { color:#64c8ff; font-size:40px; }
@media (max-width: 991px) {
    .featherlight-next span, .featherlight-previous span {
        display: inline-block!important;
    }
}

#show-bids { font-size:13px; }
#bids { display:none; }
#bids ul { list-style-type:none; padding:10px 0; max-width: 400px; }
#bids ul li { font-size:12px; background:#F7F7F7; padding:3px 0px; }
#bids ul.none li { padding-left:10px; }
#bids ul li:after { content:" "; display:block; clear:both; }
#bids ul li:nth-child(even) { background:#fff; }
#bids ul li span { display:block; float:left; padding:0; margin:0; }
#bids ul li span.date { width:50%; padding-left:10px; }
#bids ul li span.user  { width:25%; }
#bids ul li span.amount { width:25%; }

#bid-status, #autobidder-status { display:none; }
#loading { padding:10px 0; text-align:center; }

.popup-content { max-width:800px; }


.product-info-blocks { margin:30px 0; }
.info-block { border-top:1px solid #dddddd; padding-top:23px; }
.info-block h4 { display:block; padding-left:70px; font-size:18px; line-height:19px; position:relative; min-height:44px; }
.info-block p { font-size:12px; line-height:16px; margin:10px 15px 20px 15px; color:#8e8e8e; }

.info-block h4 .icon { display:block; width:60px; height:65px; position:absolute; top:0; left:0; text-align:center;}
.info-block i { color:#64c8ff; font-size:35px; }
.info-block h4 .icon img { display:block; width:100%; height:auto; }

.info-block h4 .icon .badge { position:absolute; top:-4px; left:-4px; border-radius:100%; width:30px; height:30px; line-height:23px; text-align:center; }

/* FORMS */

.loginLoginForm h3, form.form h3 { font-size:20px; font-weight:bold; }
.loginLoginForm, .loginFPForm, form.form { max-width:550px; padding:40px 35px 20px; background:#f7f7f7; margin-bottom:20px; }
@media (max-width: 767px) { .loginLoginForm, form.form { padding:20px 10px 10px; } }
.loginLoginForm .row, form.form .row { margin:0 0 10px 0; }
form.form .row .col-8.col-sm-5 { padding-left:0; }
.loginLoginForm label, .loginFPForm label, form.form label { color:#292929; font-weight:bold; }
.loginLoginForm input[type=password], .loginLoginForm input[type=text], .loginFPForm input[type=text], form.form input[type=text], form.form input[type=password] { border:2px solid #d9d9d9; border-radius:0; }
input.is-invalid { border-color: #dc3545!important; }

.pagiform { }
.pagiform.top { margin-bottom: 30px; }
.pagiform select { color:#2a2a2a; font-size:14px; font-weight:600; border:2px solid #d1d1d1; width:48%; height:46px; padding:5px 35px 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background: url(img/select-arrow.png) white no-repeat 98.5% !important; background: url(img/select-arrow.png) white no-repeat calc(100% - 10px) !important; cursor:pointer; }
.pagiform .search-wrap { display:inline-block; position:relative; width:48%; margin-left:2%; }
.pagiform input[type=text] { color:#2a2a2a; font-size:14px; font-weight:600; border:2px solid #d1d1d1; width:100%; height:46px; padding:5px 10px; -webkit-appearance: none;  }
.pagiform .search-wrap button { position:absolute; display:block; top:2px; right:2px; width:48px; height:42px; border:none; background:#fff; margin:0; padding:0; cursor:pointer; outline:none!important; }
.pagiform .search-wrap button:before { content:"\f002"; font-family:"Font Awesome 5 Pro"; font-weight:900; color:#d1d1d1; font-size:20px; line-height:46px; display:block; width:50px; height:46px; text-align:center; }

.pagiform .pagination {  }
@media (min-width: 768px) { .pagiform .col-md-6 { padding:0; } }
.pagination { display:block; text-align:right; }
@media (max-width: 767px) { .pagination { margin-top:15px; text-align:center; } .p-0 .pagination { margin-top:0; } }
.pagination .pages { display:inline-block; max-width:50%; height:42px; padding:0 10px; overflow:hidden; vertical-align: middle; }
.pagination a { margin: 2px 3px 0; }
.pagination a.btn { outline:none!important; background:#64c8ff; color:#fff; font-weight:bold; display:inline-block; padding:0; font-size:20px; line-height:41px; height:42px; width:42px; text-align:center; }
.pagination a.btn.disabled { background:#c7ebff; }
.pagination a.page { vertical-align: middle; color:#c7ebff; display:inline-block; padding:5px 2px; font-size:16px; line-height:32px; font-weight:bold; text-decoration:none; }
.pagination a.page.active, .pagination a.page:hover { color:#64c8ff; }

/* js show pages */
.pagination { display:none; }
.pagination.loaded { display:block; }
.pagination a.page { display:none; }
.pagination a.page.active, .pagination a.page.visible { display:inline-block; }

#bid-form { position:relative; margin:15px 0; padding:20px; background:#f0f0f0;/*#e4dbcc*/ }
#bid-form #bid-info { position:absolute; top:15px; right:15px; background:#f6821f; color:#fff; width:27px; height:27px; border-radius:27px; font-size: 14px; line-height:25px; text-align:center; }
#bid-form #euro { display:inline-block; width:13%; max-width:32px; font-size:26px; line-height:45px; color:#292929; font-weight:700; vertical-align:middle; text-align:center; }
#bid-form #amount { width:45%; height:45px; padding:5px 5px 5px 10px; border:none; vertical-align:middle; font-size:26px; color:#292929; font-weight:700; }
#bid-form #new-bid { max-width:40%; padding:8px 20px; vertical-align:middle;  }

#bid-form .custom-control.custom-radio.last { margin-bottom:20px; }
#bid-form label.custom-control-label { cursor:pointer; font-size:15px; color:#292929; }
#checkout .custom-radio.custom-control { margin-bottom:5px; }
#checkout .custom-radio .custom-control-label { cursor:pointer; }
#bid-form .custom-control-label::before, #checkout .custom-control-label::before { background-color:#fff; border:2px solid #d1d1d1; box-shadow:none!important; }
#checkout .custom-control-input:disabled + .custom-control-label { opacity:0.3; }
#bid-form .custom-control-input:checked~.custom-control-label::before, #checkout .custom-control-input:checked~.custom-control-label::before { background-color:#fff; }
#bid-form .custom-radio .custom-control-input:checked~.custom-control-label::after, #checkout .custom-radio .custom-control-input:checked~.custom-control-label::after { border:2px solid #fff; background:#f6821f; top:0.4em; left:0.15em; width: 0.75rem; height: 0.75rem; border-radius: 50%; }
#bid-form .custom-radio .custom-control-input:checked~.custom-control-label::after { left:0.12em; }

@media (min-width: 768px) { #checkout .custom-control-label .title { display:inline-block; min-width:150px; } }
#checkout .custom-control-label .info { padding-left:30px; }
#checkout .custom-control-label .price { padding-left:30px; display:inline-block; }

#bid-filters { padding:0 0 20px; }
#bid-filters label, #checkout label, .search-form label, .register label.custom-control-label { color:#292929; font-size:16px; font-weight:400; }
#checkout label, .search-form label { font-weight:600; }
#bid-filters .custom-control-label, #checkout .custom-checkbox .custom-control-label, .search-form .custom-checkbox .custom-control-label, .register .custom-checkbox .custom-control-label { cursor:pointer; }
#bid-filters .custom-control, #checkout .custom-checkbox .custom-control, .register .custom-control { display:inline-block; display:inline-flex; padding-right:10px; }
#bid-filters .custom-control-label::before, #checkout .custom-checkbox .custom-control-label::before, .register .custom-control-label::before, .register .custom-checkbox .custom-control-input:checked~.custom-control-label::before { border-radius:0; background-color: #fff; border:2px solid #e5e5e5; }
.search-form .custom-checkbox .custom-control-label::before { border-radius:0; background-color: #fff!important; border:2px solid #fff; }
#bid-filters .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #checkout .custom-checkbox .custom-control-input:checked~.custom-control-label::after, .search-form .custom-checkbox .custom-control-input:checked~.custom-control-label::after, .register .custom-checkbox .custom-control-input:checked~.custom-control-label::after { content:"\f00c"; color:#f6821f; font-weight: 900; font-family: "Font Awesome 5 Pro"; top: 5px; left: 3px; font-size: 10px; }

#bid-filters select.sort-order { width:100%; } 
#bid-filters .col-12 { padding:0; }

.search-form { background:#f0f0f0;/*#e4dbcc;*/ padding:25px; margin-bottom:15px; }
.search-form input.form-control { outline:none; box-shadow:none; border-radius:0; border:none; width:270px; display:inline-block; margin:0 15px 15px 0; height:42px; vertical-align:top; }
.search-form input.form-control.small { width:150px; }
.search-form input.form-control.number { width:150px; }
.search-form input.form-control.number.first { margin-right:0; }
.search-form select { vertical-align:top; outline:none!important; box-shadow:none!important; display:inline-block; margin:0 15px 15px 0; border-radius:0; color:#2a2a2a; font-size:14px; font-weight:600; border:none; width:150px; height:42px!important; padding:5px 35px 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background: url(img/select-arrow.png) white no-repeat 98.5% !important; background: url(img/select-arrow.png) white no-repeat calc(100% - 10px) !important; cursor:pointer; }
.search-form .custom-control.custom-checkbox { display:block; margin-bottom:15px; }
.search-form .btn { padding: 5px 20px; }
.search-form .line { dispaly:inline-block; padding:0 3px; line-height:40px; font-weight:bold; }

@media (max-width: 575px) {
    .search-form input.form-control { width:240px; margin-right:0; }
    .search-form select, .search-form input.form-control.small { width:240px; display:block; }
    .search-form input.form-control.number { width:109px; }
}

.active-terms span.term { display:inline-block; font-weight:bold; padding:5px; }
.active-terms span.term button { cursor:pointer; border:none; background:transparent; color:red; }
.active-terms span.term button:hover { color:#666; }

.search-form select::-ms-expand, .pagiform select::-ms-expand {
    display: none;
}

/* TUPAS */

.tupas-icons { margin:50px 0; }
.tupas-icons a { display:inline-block; width:160px; height:48px; padding: 8px; border: 1px solid #e5e5e5; background: #fff; -webkit-box-shadow: 2px 2px 2px 0 #888; -moz-box-shadow: 2px 2px 2px 0 #888; box-shadow: 2px 2px 2px 0 #888; margin: 4px 8px 6px 0; }
.tupas-icons a img { max-width:100%; }

@media(max-width:400px) {
    .tupas-icons a { width:138px; height:44px; margin: 4px 6px 4px 0; }
}

/* CHECKOUT */

#checkout div.item.disabled { opacity:0.2; }

#checkout h3 .badge { background:#161616; width:40px; height:40px; line-height:30px; border-radius:40px; }

.gray-box { background:#f6f6f6; margin:10px 0 20px; padding:20px 40px; }
@media (max-width:991px) { #checkout .gray-box { padding:15px 20px; } }
@media (max-width:767px) { #checkout .gray-box.dc { padding:5px 10px; } }

.total-box { background:#fff; border:2px solid #d1d1d1; margin:10px 0 20px; padding:20px 40px; }
@media (max-width: 575px) { .total-box { padding:20px; } }
.total-box ul { padding:0; margin:0; list-style-type:none; }
.total-box ul li { color:#1e1e1e; font-size:18px; font-weight:600; }
.total-box ul li .row-title { width:170px; display:inline-block; }
#total_old { display:none; }

input.dtype:disabled+label { color:#AAAAAA; }

.gray-box.payment { padding:10px; }
.gray-box.payment img { cursor:pointer; display:inline-block; margin:10px; border:2px solid #fff; }
@media (max-width: 575px) { .gray-box.payment img { margin:3px; } }
.gray-box.payment img:hover { border-color:#ddd; }

/* WISHLIST */

.item-list .wishlist { position:absolute; bottom:20px; right:110px; }
.item-list.mybids .wishlist { position:absolute; top:3px; right:auto;  left:3px;}

.wishlist i { font-size:20px; }

.wishlist a {}
.wishlist.added a i { color: #c7b596; }

.wishlist .notadded { display:block; }
.wishlist .added { display:none; }

.wishlist.added .notadded { display:none; }
.wishlist.added .added { display:block; }
.wishlist.added .link { position: absolute; top: 7px; right: 10px; }
.wishlist.added .link i { color: #64c8ff; }

.wishbox { position:relative; margin: 15px 0; padding: 7px 10px 5px; border: 2px solid #64c8ff;/*#e4dbcc;*/ }
.wishbox span span { font-size:14px; padding-left:10px; vertical-align: top; }


/* fp 21 */

.hk-fp-banners { padding-top:20px; }
.hk-fp-banners a { display:block; float:left; width:100%; margin-bottom:20px; }
.hk-fp-banners a img { width:100%; height:auto; }
.hk-fp-banners:after { content:""; display:block; clear:both; }

@media(min-width:992px) {
	.hk-fp-banners a { display:block; float:left; width:50%; width:calc(50% - 10px); }
	.hk-fp-banners a:nth-child(2n + 1) { margin-right:20px; }
}

.fp-content h1 { margin:30px 0 50px; font-size:30px; line-height:36px; }
.fp-content p { font-size:14px; line-height:24px; color:#000; }
.fp-content p.ingressi { font-size:18px; line-height:32px; margin-bottom:40px; color:#000; }

.fp-content p img { max-width:100%; height:Auto; }

.slider-21 a { text-decoration: none!important; position:relative; }
.slider-21 .title { max-width:600px; display:block; font-size:36px; line-height:42px; font-weight:bold; color:#000; padding:5% 7%; position:absolute; top: 50%; transform: translateY(-50%); }

.slider-21 img.desktop { display:none!important; }
.slider-21 img.mobile { display:block!important; }
@media (min-width: 992px) {
    .slider-21 img.desktop { display:block!important; }
    .slider-21 img.mobile { display:none!important; }
}