:root {
	--red:	#9b1b30;
}

@font-face {
  font-family: 'aino_head';
  src: url('font/aino_head.woff2') format('woff2'),
       url('font/aino_head.woff') format('woff')
}
@font-face {
  font-family: 'aino_regular';
  src: url('font/aino_regular.woff2') format('woff2'),
       url('font/aino_regular.woff') format('woff')
}

html, body {margin:0; padding:0; background:#ffffff; font-family:'aino', Segoe UI, Arial; font-size:15px; color:#2f2f2f; line-height:23px;}
a,.red {color:var(--red); text-decoration:underline;}
a:hover {color:#b90926;}

.left {float:left;}
.clear {clear:both;}
img,table {border:0;}
form,label {padding:0; margin:0;}
table {border-collapse:collapse;}

.w,#wmenu {width:96%; margin:0 auto; max-width:1350px; position:relative;}
#page {background:#f1f1f1; border-top:1px solid #bbbbbb; padding:40px 0;min-height:400px;}
#logo {position:absolute; z-index:1;}

#header {height:190px; background:url(images/header_oks.jpg) no-repeat center center; background-size:cover;}
#header1 {height:190px; background:url(images/header1.jpg) no-repeat center center; background-size:cover;}
#header2 {height:190px; background:url(images/header2.jpg) no-repeat center center; background-size:cover;}
#header3 {height:190px; background:url(images/header3.jpg) no-repeat center center; background-size:cover;}
#header4 {height:190px; background:url(images/header4.jpg) no-repeat center center; background-size:cover;}
#header6 {height:190px; background:url(images/header6.jpg) no-repeat center center; background-size:cover;}
#header7 {height:190px; background:url(images/header7.jpg) no-repeat center center; background-size:cover;}

.headerHeight {height:200px;}

h1 {font-family:'aino_head'; text-align:center; font-size:52px; line-height:57px; font-weight:bold; letter-spacing:-1px; color:#afafaf;}
h2 {font-family:'aino_head'; letter-spacing:-1px; color:var(--red); font-size:33px; line-height:40px; margin:0 0 25px 0; padding:0;}

#lang {position:absolute; top:20px; right:25px;}
#lang a {text-decoration:none; padding:4px 7px; color:#ffffff; margin-left:20px;}
#lang a:hover {color:#ffffff; text-decoration:underline;}
#main #lang a:hover {color:#b90926;}
#lang a.active,#lang a.active:hover {text-decoration:none; background:#e4e4e4; box-shadow:inset 1px 1px 2px #aeaeae; color:var(--red); border-radius:4px;}
#main #lang a.active,#main #lang a.active:hover {background:#ffffff; box-shadow:inset 1px 1px 2px #aeaeae; color:#bc2d44; border-radius:4px;}

#menu {position:absolute; top:-44px; left:22%; width:78%; font-size:17px; margin:0; padding:0;}
#menu li a {text-decoration:none; color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.55);}
#menu li a:hover {text-decoration:underline;}
#menu li {display:inline-block; padding:8px 12px 13px 12px; margin:-1px 3px 0 3px; border-top-left-radius:7px; border-top-right-radius:7px; 
	background:url(images/menu.png);
}
#menu li.active {background:#f1f1f1; border-top:1px solid #bbbbbb; padding-bottom:14px;}
#menu li.active a {color:var(--red);}
#menu li.active a:hover {text-decoration:underline;}

#footer {padding:40px 0; font-size:15px;}
#logofooter {float:left; width:20%; padding-right:4%; text-align:center;}
#footer .cols {float:left; width:75%; border-left:3px solid var(--red);}
#footer .col1 {width:43%; padding:0 0 0 5%;}
#footer .col2 {width:39%; padding:0 0 0 2%;}
#footer .col3 {width:29%; padding:0 8% 0 2%;}
#footer .col3a {width:21%; padding:0;}
#footer .fbpage {display:flex; justify-content: end;}
#footer .fbpage img {margin:-6px 14px 0 0;}

.col1,.col2,.col3,.col3a {float:left;}


#table {position:relative; text-align:center; width:86%; margin:0 auto;}
.box {display:inline-block; margin-top:22px; text-align:left; background:#ffffff; border-radius:7px; border-bottom:1px solid var(--red); box-shadow:1px 1px 3px #c4c4c4; overflow:hidden;}
.box.nopadded {width:380px;}
.box img {float:left;}
#b1 {margin-right:3%;}
#b2 {margin-left:3%; position:relative; z-index:3;}
#joon1 {z-index:1;}
#b3 {margin-top:100px;}
.box .vcenter1 {display:table; height:143px;}
.box .vcenter2 {display:table-cell; vertical-align:middle;}
.box .name {clear:both; color:#000000; font-size:18px; padding:10px 0 0 0; font-family:Arial;}
.box.pic_size1 .name {color:#000000; font-size:21px; padding:0 20px 0 20px; font-family:Arial;}
.box .amet {color:#888888; font-size:17px; padding:0 !important; margin-top:6px; font-style:italic; line-height:17px;}
.box .pic_size1 {width:152px; height:152px;}
.isik img {width:130px;}
#b1.box .amet,#b2.box .amet {padding:0 10px 0 20px !important;}
.box table {margin-bottom:25px;}
.box.padded {width:90%; padding:18px 2%; margin-left:6%;}

.box_amet {color:var(--red); font-size:25px; font-weight:bold; font-family:Arial; font-style:italic; padding:10px 2% 25px 2%; width:96%;}
.ml {color:var(--red); line-height:17px; word-wrap:break-word;}
.box .ml {padding:9px 0 0 0; margin:0;}
.box.pic_size1 .ml {padding:10px 10px 5px 20px;}

.isik {display:inline-block; padding:0 2% 20px 0; width:22.5%; vertical-align:top;}
.isik.w50 {width:40%;}
.row2 {border-top:1px solid #beb7bd; width:100%; margin-top:15px;}
.col12 {width:100%;}
.col12 .amet {padding:12px 0 0 0;}
.box.padded .col1,.box.padded .col2 {width:44%;}



.joon {position:absolute; left:0; background:var(--red);}
.webonly {display:auto;}
.mobonly {display:none;}
#menu_mob {display:none;}


.paddedtext {padding:25px 0;}
#breadcrumbs {margin:0 0 50px 0; padding:0; color:#555555; font-size:13px; line-height:17px;}
#breadcrumbs li {list-style:none; display:inline-block; margin-right:12px; padding-right:22px; background:url(images/arr2.png) no-repeat top right;}
#breadcrumbs li a {color:#888888;}
#breadcrumbs li a:hover {color:#555555;}
#breadcrumbs li.active {color:var(--red); background:none;}

#submenu {width:20%; padding-right:3%; float:left; font-size:14px; line-height:18px;}
#submenu a {color:#666666;}
#submenu a:hover {color:#222222;}
#submenu div.active,.arrowlink {color:var(--red); padding-left:18px; background:url(images/arr2.png) no-repeat top left;}
#submenu div {margin-bottom:26px;}
.withsubmenu {width:77%; float:left;}

#mainpage_link {position:absolute; right:10px; top:90px;}
#mainpage_link a {padding:8px 21px; background:var(--red); color:#fff; border-radius:5px; font-size:20px; text-decoration:none;}
#mainpage_link a:hover {background:#b90926;}
#mainpage_link a:nth-child(2) {margin-left:35px;}
#mainpage_link2 {display:none !important;}


.calc_input {font-family:Arial; font-size:12px; color: #657378; font-weight: normal; background: #ffffff; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_input_active {font-family:Arial; font-size:12px; color: #000000; font-weight: bold; background: #ffef39; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_input_deactive {font-family:Arial; font-size:12px; color: #000000; font-weight: bold; background: #f0f0f0; border: 1px solid #343435; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.calc_line {height:1px; padding:0; background-color:#bbbbbb;}
.calc_header {background-color:#cccccc;font-weight:bold;}

#fb_link {width:38px; float:right;}
#fb_share {padding-top:35px; height:30px;}
#fb_share img {height:39px;}






/* auctions */
.mb5 {margin-bottom:25px;}
.mb10 {margin-bottom:50px;}

.paging {list-style:none; margin:0 0 50px 0; padding:0;}
.paging li {display:inline-block; margin:0 5px 8px 0; text-align:center; height:26px; line-height:1.7rem;}
.paging li:has(a) {background:#aaa; min-width:14px; border-radius:40px; min-width:26px;}
.paging li a,.paging li a:hover {color:#fff; font-size:0.9rem; text-decoration:none; padding:4px 8px;}
.paging li:hover {background:#555;}
.paging li.active,.paging li.active:hover {background:var(--red);}

.auction_box {display:flex; align-items:end; padding:20px 25px; border-radius:20px; background:#fff; box-shadow:2px 2px 15px rgba(0,0,0,0.08); margin:0 40px 40px 0; cursor:pointer;}
.auction_box img {width:260px;}
.auction_box .textblock {margin:20px 0 0 35px; width:100%;}
.auction_box h3 {display:inline-block;}
.auction_box button {margin-top:24px !important;}
.auction_box .date {color:#777; font-size:0.8rem; margin-right:20px;}
.auction_box .price {color:#fff; font-size:1.1rem; background:var(--red); padding:4px 10px; border-radius:40px; margin:3px 0 0 0;}
.auction_box .flex { margin:8px 0;}
.auction_box.disabled .flex { margin:15px 0;}
.auction_box .link {margin-bottom:15px;}
.auction_box .link * {margin:0; padding:0;}
.auction_box .link, .auction_box .link * {color:#2f2f2f !important; font-weight:700; font-family:'aino', Segoe UI, Arial; font-size:17.55px !important; line-height:25px !important; letter-spacing:unset;}
.auction_box:hover .link,.auction_box:hover .link * { color:var(--red) !important; text-decoration:underline;}
.auction_box.disabled { background:#fafafa;}
.auction_box.disabled .price { background:#999; margin-top:25px;}
.auction_box.disabled .link { color:#888; }
.auction_box.disabled img { opacity:0.45; }
.flex {display:flex; align-items:center;}
.flex.jc {justify-content:space-between;}
.auction_box .but {margin:0;}
.auction_box .message {color:var(--red); margin-top:15px;}

.but {padding:8px 17px; font-size:1.05rem; border-radius:6px; border:1px solid #bfbfbf; outline:0; background:#fff; box-shadow:0 -3px 6px rgba(0,0,0,0.13) inset; cursor:pointer; margin:8px 0;}

.searchbox td {padding:0 15px 15px 0;}
.searchbox .label {color:#666;}
.searchbox .txtf,.searchbox select {border:0; border-bottom:1px solid #444; padding:6px; background:none; outline:none; font-size:16px; width:100%; box-sizing:border-box;}
.searchbox .txtf.short {width:70px;}
.searchbox .mx5 {margin:0 10px;}
.searchbox .but {margin:5px 0;}





@media screen and (max-width: 1080px) {
	#logo {width:196px;}
	#header {height:200px;}
	#menu {left:0; width:100%;}
	
	#submenu {width:100%; float:none; margin-bottom:25px;}
	.withsubmenu {width:100%; float:none;}
	#submenu div {margin-bottom:15px;}
	#breadcrumbs {margin-top:40px; padding-top:20px; border-top:1px solid #cccccc;}
}

@media screen and (max-width: 1005px) {
	#b1,#b2 {margin:25px auto 0 auto; display:block;}
	#b3 {margin-top:60px;}
}




/* pad */
@media screen and (max-width: 960px) {
	.w,#wmenu {width:90%;}
	#lang {right:0;}
	h1 {font-size:44px; line-height:49px;}
	.webonly {display:none;}
	.mobonly {display:block;}
	.box_amet.mobonly {width:100%; padding:0 0 15px 0; text-align:center;}
	
	.isik {padding:0 3% 20px 0; width:29%;}
	
	#footer {padding:22px 0;}
	#logofooter {clear:both; width:100%; text-align:center; padding:0 0 25px 0; }
	#footer .cols {clear:both; width:100%; border:none;}
	#footer .col1 {width:38%; padding:0 0 0 5%;}
	#footer .col2,#footer .col3{width:52%; padding:0 0 0 5%;}
	#footer .col3a {width:95%; clear:both; padding:26px 0 10px 5%;}
	#footer .fbpage {justify-content:start;}
	
	
	#sokolova {width:auto;}
	#kullerid {padding:15px 0 5px 0;}
}
@media screen and (max-width: 800px) {
	#table {width:100%;}
	#menu li {padding:8px 10px 13px 10px; margin:0;}
	
	
	.columns {columns:1;}
	.searchbox {width:100%;}
	.searchbox td {display:block; padding:0;}
	.searchbox td.label {padding:15px 0 0 0;}
	.searchbox .but {margin:20px 0;}
	
	
	.auction_box {display:block;  text-align:center; margin-right:0;}
	.auction_box img {max-width:395px; width:100%; margin:0 auto;}
	.auction_box .textblock {text-align:left; margin:20px 0 0 0;}
	.auction_box.disabled .price {margin-top:5px;}
	
}
@media screen and (max-width: 700px) {
	#wmenu {width:100%;}
	#mainpage_link {position:absolute; right:auto; left:0; top:176px;}
	#mainpage_link a:nth-child(2) {margin-left:25px;}
	
	.headerHeight {height:230px;}

	#menu_mob {display:block; position:absolute; left:220px; top:40px;}
	#menu_mob img {height:31px;}
	#menu li a,#menu li a:hover {color:#9b1b30;  text-shadow:none;}
	
	#menu {background:#cccccc; position:static; width:auto; padding:30px 20px 20px 20px; display:none;}
	#header {height:120px;}
	#menu li {display:block; background:#eeeeee; border-radius:6px; padding:7px; margin:2px 0;}
	#menu li.active {background:#ffffff;}
	#lang a {margin-left:4px;}
	
	#footer .col1,#footer .col2 {width:100%; padding:15px 0 0 0;}
	
	.isik,.isik.w50 {width:46%;}
}

/* real mob */
@media screen and (max-width:490px) {
	body {min-width:360px;}
	#logo {width:130px;}
	
	#mainpage_link {position:absolute; right:0; top:120px;}
	#mainpage_link a {padding:8px 12px; font-size:17px;}
	.headerHeight {height:170px;}
	
	#menu_mob {left:155px; top:40px;}
	#menu_mob img {height:25px;}
	#lang {top:0; font-size:14px;}
	#lang a {display:block; margin-top:4px; padding:2px 4px 2px 6px;}
	#header {height:110px;}
	#page {padding-top:20px;}
	h1 {font-size:34px; line-height:38px;}
	.box,.box.nopadded {width:90%;}
	.box.padded .col1,.box.padded .col2 {width:100%; display:block; padding-top:10px;}
	.name {width:80%;}
	#kullerid {padding-bottom:0;}
	#b7 .row2 .col1,#b7 .row2 .col2 {padding:0 0 0 25px;}
	.amet {font-size:12px !important;}
	
	
	.auction_box .textblock .flex {display:block;}
	.auction_box .textblock .prc_but {display:flex; align-items:end; flex-direction:row-reverse; justify-content:space-between;}
	
}
.w100 {width:100%;}
.box.padded .amet {padding:5px 0 0 0;}