/*






*/

body {
	margin: 0;
	padding: 0;
	background: #e0ddce url(/images/taust.jpg) top center repeat-x;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}
#holder {
	width: 980px;
	margin: 0 auto
}
#header {
	width: 980px;
	height: 100px;
	position: relative
}
#vasak {
	float: left;
	padding: 15px 0 0 15px;
	width: 215px
}
#parem {
	float: right;
	padding: 12px 0 0 15px;
	width: 215px
}
#sisuosa {
	float: left;
	padding: 15px 0 15px 0;
	width: 500px
}
#sisuosa_sisu {
	float: left;
	padding: 15px 0 15px 15px;
	width: 694px
}
#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 100px
}
#mainmenu {
	float: left;
	margin: 0;
	padding: 64px 0 0 0;
	width: 390px;
	height: 36px
}
#login {
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	width: 390px;
	height: 85px
}
#esimene {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 215px
}
#aktiivne {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 215px
}
#aeg_aktiivne {
	float: left;
	margin: 0;
	padding: 0;
	width: 215px;
}
#algamas {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 215px;
	height: 275px
}
#myydud {
	float: left;
	margin: 10px 0 15px 0;
	padding: 0;
	width: 215px
}
#tulemas {
	float: right;
	padding: 0;
	width: 212px
}
#bannerid {
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 215px
}
#banner {
	float: left;
	margin: 0;
	padding: 0 15px 0 15px;
	width: 170px;
	background: url(/images/ese_hele_taust.png)
}
#banner img {
	margin: 5px 0 5px 0;
	padding: 0
}
#kontakt {
	float: left;
	margin: 0;
	padding: 25px 0 30px 15px;
	text-align: left
}
#sisu {
	float: left;
	margin: 0;
	padding: 0;
	width: 518px;
	background: url(/images/sisu_taust.png)
}
#sisu_sisu {
	float: left;
	margin: 0;
	padding: 0;
	width: 734px
}
#ese_hele {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 200px;
	background: url(/images/ese_hele_taust.png)
}
#ese_aktiivne {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
	color: #fff;
	background: url(/images/ese_aktiivne.png)
}
#aeg_kestab {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
	color: #fff;
	background: url(/images/ese_aktiivne.png)
}
#ese_algamas {
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 200px;
	background: url(/images/ese_algamas.png)
}
#ese_pakutud {
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 200px;
	background: url(/images/ese_aktiivne.png)
}
#ese_sissejuhatus {
	float: left;
	margin: 0;
	padding: 5px 15px 0 15px;
	width: 170px;
	background: url(/images/ese_hele_taust.png);
	font-size: 10px;
	line-height: 14px;
  margin-top: -4px;
}
#ese_ajakast {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
	color: #fff;
	background: url(/images/ese_algamas.png);
	margin-top: -4px;
	margin-bottom: -2px;
}
.nupp {
	margin: 0;
	padding: 0
}
.nupp * {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
.block {
  display: block;
}
.button.m-auto {
  margin: auto;
}
.button_to {
  display: inline-block;
}
.delete-link {
  border: none;
  font-size: 11px;
  background: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.delete-link:hover {
  color: #a6171d;
  cursor: pointer;
  text-decoration: underline;
}
.button {
  padding: 12px 18px;
  border: none;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  transition: background-color 0.5s ease;
}
a.button {
  display: block;
  font-size: 14px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
}
.button.green {
  color: white;
  background: #88be5f;
}
.button.red {
  color: white;
  background: #ce4e4e;
}
.button.gray {
  color: white;
  background: #8e8e8e;
}
.button:hover {
  color: #000;
  filter: brightness(105%);
}
.button:disabled {
  cursor: not-allowed;
  background: #9b9889;
}
.sidebar-buttons > .button {
  max-width: 156px;
  margin-bottom: 5px;
}

.trix-content img {
  width: 100%
}

.trix-content a {
  color: black;
}

@keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  1%, 80% {
    opacity: 1;
  }
}
.popover-content {
  list-style: none;
  margin: 0;
  padding: 5px 5px;
  width: 200px;
  box-sizing: border-box;
  background: #8e8e8e;
  text-wrap: balance;
  word-wrap: break-word;
  border-radius: 3px;
  border: 2px solid #898787;
}
.popover-content li {
  margin: 5px 0;
}

#flash-messages {
  position: absolute;
  left: 50%;
  top: 85px;
  z-index: 999;
  transform: translate(-50%, 0px);
}

.flash-message {
  animation: fade 4s both;
  width: 400px;
  padding: 15px 10px;
  border-radius: 5px;
  border: solid 1px;
}

.flash-message:hover {
  animation-play-state: paused;
}

.alert.alert-success {
  color: white;
  background: #96c469;
  border-color: #8bc34a;
}

.alert.alert-danger {
  color: white;
  border-color: #ec3f3f;
  background: #d21e1e;
}
.form-errors {
  padding: 10px;
  border-radius: 5px;
}
.main-slider {
  width: 97%;
  height: 300px;
  margin-top: 10px;
  margin-bottom: 6px;
  border-radius: 7px;
}
.main-slider-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.item-sliders {
  margin-bottom: 15px;
}
.swiper.thumb-slider {
  height: 75px;
  margin: 6px 8px;
}
.thumb-slider .swiper-slide {
  opacity: 0.5;
  width: 24.3%;
  cursor: pointer;
  overflow: hidden;
  margin-right: 5px;
  border-radius: 5px;
}
.thumb-slider .swiper-slide:hover {
  opacity: 1;
}
.thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
}
.badge-danger {
  float: right;
  background: #d21e1e;
  color: white;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: bold;
  margin-top: -8px;
  margin-right: 10px;
  text-transform: uppercase;
}
.confirm-form {
  text-align: center;
  margin: auto;
}
.search-form {
  display: flex;
  margin-top: 10px;
}
.search-field {
  flex-grow: 1;
  height: 34px;
  border-radius: 4px;
  border: solid 1px darkgray;
  padding: 0 6px;
  font-size: 14px;
}
.search-button {
  padding: 0 18px;
}
.aeg {
	font-size: 23px;
	line-height: 40px
}
.green-box {
  color: white;
  width: 175px;
  display: block;
  border-radius: 5px;
  text-decoration: none;
  background-color: #96c469;
  padding: 10px 10px 10px 15px;
}
.green-box.anim {
  animation: blink 2s infinite;
}
@keyframes blink {
  0%   { background-color: #9ecc71;}
  50%  { background-color: #d21e1e;}
  100% { background-color: #9ecc71;}
}
.green-box:hover {
  background-color: #9ecc71;
}
.riba {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 10px;
	margin-top: -3px;
}
.riba_sisu {
	float: left;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 10px;
	margin-top: -3px;
}
.ese_tume {
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	width: 200px;
  background: #cbc8b6;
}
.ese_tume.selected {
  background: #bbb49a;
}
.ese_tume.active {
  background: #88be5f;
}
#ese_tume_aktiivne {
  background: #bbb49a;
}
.ese_tume_pais {
	float: left;
	margin: 0;
	width: 200px;
	background: url(/images/ese_tume_taust.png)
}
.pealkiri_suur_tume {
	margin: 0;
	padding: 5px 0 12px 15px;
	font-size: 14px;
  font-weight: bold;
	color: #000;
	text-align: left;
  border-bottom-color: #9b9889;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.tume-box {
  width: 200px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 7px;
  background: #ccc7b6;
}
.message {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 15px;
}
.myydud_pilt {
	float: left;
	margin: 0;
	padding: 15px 0 5px 15px;
	width: 185px;
	height: 130px
}
.myydud_pilt img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pilt_suur img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.myydud_tekst {
	float: left;
	margin: 0;
	padding: 0 0 5px 15px;
	width: 185px;
	height: 35px;
	color: #000
}
.myydud_link {
	margin: 0 0 15px 15px;
	padding: 0 0 0 17px;
	background: url(/images/mumm.png) bottom left no-repeat
}
.aktiivne_pilt {
	padding-top: 15px;
	margin: 0;
	width: 185px
}
.aktiivne_tekst {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 185px;
	height: 35px;
	color: #fff
}
.aktiivne_link {
	margin: 0 0 15px 15px;
	padding: 0 0 0 17px;
	background: url(/images/mumm.png) bottom left no-repeat
}
.infokast {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	width: 170px;
	text-align: left
}
.lingikast {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 170px;
	text-align: left
}
.pakkumised {
	list-style: none;
	margin: 0;
	padding: 5px 0 10px 0;
	width: 170px;
	color: #fff;
	text-align: left;
	line-height: 18px
}
.eelpakkumised {
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0 10px 0;
	width: 170px;
	color: #fff;
	text-align: left;
	line-height: 18px
}
.ajakast {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 458px;
	height: 26px;
	color: #000;
	text-align: left;
	font-weight: bold
}
.limiidikast {
	float: left;
	margin: 0;
	padding: 0;
	width: 88px;
	height: 36px
}
.auto {
	/*float: left;  */
	margin: 0;
	padding: 5px 0 0 0;
	width: 458px;
	height: 26px
}
.pisiinfo {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 458px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 14px;
	text-align: left
}
.limiidinupp {
	float: right;
	margin: 0;
	padding: 0;
	width: 210px
}
.limiit {
	border: 1px solid #b7b39e;
	width: 80px;
	height: 26px;
	margin: 0;
	padding: 5px 3px 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #555
}
.ajakast2 {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 280px;
	height: 26px;
	color: #000;
	text-align: left;
	font-weight: bold
}
.limiidikast2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 26px
}
.auto2 {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 280px;
	height: 26px
}
.pisiinfo2 {
	float: left;
	margin: 0;
	padding: 5px 0 10px 0;
	width: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 14px;
	text-align: left
}
.limiidinupp2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px
}
.limiit2 {
	border: 1px solid #b7b39e;
	width: 250px;
	height: 16px;
	margin: 0;
	padding: 5px 3px 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555
}
.rida {
	float: left;
	margin: 0;
	padding: 0;
	width: 734px;
	text-align: left
}
.rida_aktiivne {
	background: #96c469;
	float: left;
	margin: 0;
	padding: 0;
	width: 734px;
	text-align: left
}
.rida_pakutud {
	background: #a6171d;
	float: left;
	margin: 0;
	padding: 0;
	width: 734px;
	text-align: left
}
.pilt_suur {
	float: left;
	margin: 0;
	padding: 15px;
	width: 170px;
	text-align: left
}
.tekst_suur {
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
	width: 530px;
	color: #000;
	text-align: left;
	line-height: 18px
}
.tekst_suur_pakutud {
	float: right;
	margin: 0;
	padding: 20px 0 0 0;
	width: 530px;
	color: #fff;
	text-align: left;
	line-height: 18px
}
#kastidehoidja1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px
}
#kastidehoidja2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px
}
.ostakohekast {
	float: right;
	margin: 0;
	padding: 0;
	width: 250px
}
.lisalink {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 17px;
	width: 150px;
	background: url(/images/mumm.png) bottom left no-repeat
}
.link_mummuga {
	margin: 0 0 2px 5px;
	padding: 0 0 0 17px;
	background: url(/images/mumm.png) bottom left no-repeat
}
.kriips_pisike {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 18px;
	background: url(/images/kriips_pisike.png) top left no-repeat
}
#automootor {
	margin: 0;
	padding: 0;
	width: 518px
}
#autoinfo {
	float: left;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 490px
}
#autooksjon {
	float: left;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 340px
}
.kriipsuke {
	float: left;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 2px;
	background: url(/images/kriipsuke.png) top left repeat-x
}
.listikriipsuke {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 680px;
	height: 2px;
	background: url(/images/kriipsuke.png) top left repeat-x
}
.sisukriipsuke {
	float: left;
	margin: 0;
	padding: 0;
	width: 488px;
	height: 2px;
	background: url(/images/kriipsuke.png) top left repeat-x
}
.riba_tavaline {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_tavaline.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_tavaline:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_over.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_pakutud {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_pakutud.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_pakutud:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_pakutud_over.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_aktiivne {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_aktiivne.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_aktiivne:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 503px;
	height: 33px;
	background: url(/images/riba_aktiivne_over.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#mainmenu li {
	display: inline
}
#mainmenu a {
	display: block;
	height: 36px;
	float: left;
	text-decoration: none;
	color: #555;
	background: url(/images/tabs_left.gif) 0 100% no-repeat;
	margin-right: 8px;
	cursor: pointer
}
#mainmenu span {
	position: relative;
	right: -5px;
	display: block;
	height: 36px;
	float: left;
	padding: 0 10px 0 5px;
	font-size: 13px;
	font-weight: bold;
	line-height: 36px;
	background: url(/images/tabs_left.gif) 100% 100% no-repeat
}
#mainmenu a:hover, #mainmenu a:hover span {
	color: #222;
	background-image: url(/images/tabs_active.gif)
}
#kalender {
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 215px
}
.kalendri_sisu {
  float: left;
  margin: 0;
  padding: 7px 0;
  border-radius: 5px;
  width: 200px;
  text-transform: capitalize;
  background-color: #cbc8b6;
}
#kuupaevad ul {
	float: left;
	margin: 0;
	padding: 10px 0 10px 6px;
	width: 194px;
	list-style-type: none
}
#kuupaevad ul li {
	float: left;
	padding: 5px 0 0 6px;
	width: 21px;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none
}
.sliding-cal {
  max-height: 250px;
  transition: all 0.5s ease-out;
}
.sliding-cal.closed {
  overflow: hidden;
  max-height: 0;
  padding: 0;
}
.kalendri_aeg {
	float: left;
	margin: 0;
	padding: 5px 0 0 15px;
	width: 185px;
	height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9b9889;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000
}
.kalendri_lopp {
	float: left;
	margin: 0;
	padding: 12px 0 6px 0;
	width: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9b9889;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center
}
.kuu_1 {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 85px;
	text-align: left
}
.kuu_2 {
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	width: 85px;
	text-align: right
}
.ava_oksjon {
	float: left;
	margin: 0;
	padding: 12px 0 5px 15px;
	width: 185px;
	background: #a6171d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left
}
#aktiivne_oksjon {
  float: right;
  margin: 0 0 15px 0;
  padding: 0;
  width: 215px;
}
#oksjoninupud {
  border: none;
  text-align: center
}
.oksjoni_sisu {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	background: url(/images/ese_algamas.png)
}
.oksjoni_aeg {
	margin: 0;
	padding: 5px 0 0 15px;
	width: 185px;
	height: 28px;
	background: url(/images/ese_tume_taust.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000
}
.oksjon_pole {
	margin: 0;
	padding: 0;
	width: 180px;
	color: #fff
}
.oksjon_uuri {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 185px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left
}
#kastid {
	float: left;
	margin: 0;
	padding: 0;
	width: 390px;
	height: 30px
}
.login_lisalink {
	float: left;
	margin: 0;
	padding: 0 0 0 17px;
	width: 155px;
	background: url(/images/mumm.png) bottom left no-repeat
}
.login_nupp {
	float: right;
	margin: 0;
	padding: 0;
	width: 215px;
	height: 50px
}
.inputtekst {
	border: 1px solid #aaa;
	background: #fff;
	margin: 0;
	padding: 4px 0 0 4px;
	width: 120px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555
}
.keeledrop {
	border: 1px solid #aaa;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	color: #555
}
.sortdrop {
	border: 1px solid #aaa;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 20px;
	color: #555
}
#tekstikast {
	margin: 15px;
	width: 488px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 18px;
	text-align: left
}
#tekstikast_full {
	float: left;
	margin: 0;
	padding: 15px;
	width: 688px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 18px;
	text-align: left
}
.tekst_suur_punane {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a6171d;
	font-size: 17px;
	font-weight: bold;
	line-height: 110%;
	margin-bottom: -10px;
	padding-left: 15px
}
.tekst_vat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	padding-left: 15px
}
.tekst_suur_must {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%
}
.tekst_suur_valge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 110%
}
.lehekyljed {
	float: left;
	margin: 0;
	padding: 7px 15px 2px 15px;
	width: 704px;
	background: url(/images/sisu_taust.png)
}
.pagination {
  margin: 10px 2px;
}
.lehepealkiri {
	float: left;
	margin: -2px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: left;
  width: 100%;
}
.hidden {
  display: none;
}
.lehenumbrid {
	float: left;
	margin: -2px 0 0 0;
	padding: 0;
	width: 240px;
	color: #000;
	text-align: right
}
.lehedropdown {
	float: right;
	margin: -5px 0 0 0;
	padding: 0;
	width: 140px;
	text-align: right
}
.pilt_on {
	float: left;
	margin: -3px 0 0 0;
	padding: 0;
	width: 37px;
	height: 23px
}
.riba_tavaline_pikk {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_tavaline_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_tavaline_pikk:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_over_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_pakutud_pikk {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_pakutud_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_pakutud_pikk:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_pakutud_over_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_aktiivne_pikk {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_aktiivne_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.riba_aktiivne_pikk:hover {
	float: left;
	margin: 1px 0 1px 0;
	padding: 17px 0 0 15px;
	width: 719px;
	height: 33px;
	background: url(/images/riba_aktiivne_over_pikk.gif) top left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
	cursor: pointer
}
.link_pisike:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	text-decoration: none
}
.link_pisike:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	text-decoration: none
}
.link_pisike:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a6171d;
	text-decoration: underline
}
.link_pisike_valge:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none
}
.link_pisike_valge:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none
}
.link_pisike_valge:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: underline
}
.link_tavaline:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none
}
.overflow {
	overflow: hidden;
	white-space: nowrap;
	margin-right: 10px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis
}
.link-overflow {
	-moz-binding: url(/assets/ellipsis.xml#ellipsis)
}
.link_tavaline:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none
}
.link_tavaline:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6171d;
	text-decoration: underline
}
.link_tavaline_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6171d;
	text-decoration: underline;
	font-weight: bold
}
.link_tavaline_bold:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold
}
.link_tavaline_bold:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold
}
.link_tavaline_bold:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6171d;
	text-decoration: underline;
	font-weight: bold
}
.link_punane:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6171d;
	text-decoration: none
}
.link_punane:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6171d;
	text-decoration: none
}
.link_punane:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline
}
.link_punane_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
	font-weight: bold
}
.link_tavaline_valge:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none
}
.link_tavaline_valge:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none
}
.link_tavaline_valge:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: underline
}
.mainmenu_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	text-decoration: none
}
.mainmenu_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	text-decoration: none
}
.mainmenu_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline
}
.nupp {
	margin: 0;
	padding: 0;
	margin-left: 5px;
	border: 0;
	cursor: pointer;
	border: 0;
  border-spacing:0;
  border-collapse:collapse;
}
.nuputekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
  text-transform: uppercase;
	text-decoration: none
}
.rohe {
	background: url(/images/nupp_rohe_keskel.png) top left repeat-x
}
.puna {
	background: url(/images/nupp_puna_keskel.png) top left repeat-x
}
.sini {
	background: url(/images/nupp_sini_keskel.png) top left repeat-x
}
.hall {
	background: url(/images/nupp_hall_keskel.png) top left repeat-x
}
.nuputekst:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000
}
.value-list {
}
.value-on:not(:last-of-type)::after {
  content: ", ";
}
#lang_select {
	position: absolute;
	right: 5px
}
* HTML #lang_select {
	top: 15px
}
*:first-child+HTML #lang_select {
	top: 15px
}
#log_button {
	color: #a6171d;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
  padding-left:24px;
}
.button-link {
  background: none;
  border: none;
  color: #a6171d;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 24px;
  cursor: pointer;
}

#kuupaevad ul li a {
  display:inline-block;
  width: 100%;
  height: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #555
}
li.cal-auction {
	color: #fff;
	background: url(/images/kal_sin.png) top left no-repeat
}
li.cal-act {
	color: #fff;
	background: url(/images/kal_pun.png) top left no-repeat
}
li.cal-act a:link {
	color: #fff !important;
}
li.cal-act a:visited {
	color: #fff !important;
}
li.cal-today {
	color: #fff;
	background: url(/images/kal_bez.png) top left no-repeat
}
li.cal-old {
	color: #777;
}
.bold-header {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 1em
}
.fb {
  font-weight: bold;
}
.bb {
  font-weight: bold;
  font-size: 14px;
	color: #000
}
.red {
	color: #a6171d
}
.red-light {
  color: #d21e1e;
}
.white {
  color: white;
}
.dark {
  color: #000;
}
.img-map {
  border: 0;
  border-radius:8px;
}
.padd-top {
  padding-top: 10px;
}
.padd-left {
	padding-left: 15px
}
.center {
	text-align: center
}
.img-link {
	border-style: none
}
.oksjon_pole_tekst {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold
}
.riba_sisu_pikk {
	float: left;
	margin: 0;
	padding: 0;
	width: 719px;
	height: 10px
}
.info, .success, .warning, .error {
  border: 1px solid;
  margin: 10px 0;
  border-radius: 5px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
	color: #00529b;
	background-color: #bde5f8;
	background-image: url(/images/info.png)
}
.success {
	color: #4f8a10;
	background-color: #dff2bf;
	background-image: url(/images/success.png)
}
.warning {
	color: #9f6000;
	background-color: #feefb3;
	background-image: url(/images/warning.png)
}
.error {
	color: #d8000c;
	background-color: #ffbaba;
	background-image: url(/images/error.png)
}
.field_with_errors {
  display: inline-block;
}
div.rounded-content {
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
	color: #fff
}
.green div.rounded-content {
	background: url(/images/ese_aktiivne.png)
}
.green div.rounded-top {
	background: url(/images/top_roheline.png) no-repeat
}
.green div.rounded-bottom {
	background: url(/images/bottom_roheline.png) no-repeat
}
.redd div.rounded-content {
	background: url(/images/ese_algamas.png)
}
.redd div.rounded-top {
	background: url(/images/top_punane.png) no-repeat
}
.redd div.rounded-bottom {
	background: url(/images/bottom_punane.png) no-repeat
}
*html .green div.rounded-content {
	margin-top: -8px
}
*html .redd div.rounded-content {
	margin-top: -8px
}
.rounded-top div, .rounded-top, .rounded-bottom div, .rounded-bottom {
	height: 10px
}
.link_pais:link {
	font-size: 14px;
	color: #000;
	text-decoration: none
}
.link_pais:visited {
	font-size: 14px;
	color: #000;
	text-decoration: none
}
.link_pais:hover {
	font-size: 14px;
	color: #a6171d;
	text-decoration: underline
}
.menu-link {
	text-decoration: none
}
.auth {
	float: left;
	padding: 5px
}
.clear {
	clear: both
}
#scrollbar_container {
	float: left;
	position: relative;
	width: 215px;
}
#scrollbar_track, #scrollbar_track_left {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 10px;
	background-color: #ccc;
	cursor: move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .9;
	-moz-opacity: .9
}
#scrollbar_handle {
	width: 10px;
	background-color: #8D8D8D;
	cursor: move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .9;
	-moz-opacity: .9
}
#scrollbar_content {
	overflow: auto;
	width: 212px;
	height: 570px
}
#scrollbar_content_left {
	overflow: hidden;
	width: 215px;
}
.prototip {
	position: absolute
}
.prototip .effectWrapper {
	position: relative
}
.prototip .tooltip {
	position: relative
}
.prototip .toolbar {
	position: relative;
	display: block
}
.prototip .toolbar .title {
	display: block;
	position: relative
}
.prototip .content {
	clear: both
}
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(/images/tip_close.gif);
	display: block;
	line-height: 0;
	font-size: 0;
	border: 0
}
.prototip .toolbar a.close:hover {
	background: transparent url(/images/tip_close_hover.gif)
}
.iframeShim {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	background: 0
}
.prototip .default {
	width: 150px;
	color: #fff
}
.prototip .default .toolbar {
	background: #0f6788;
	font: italic 17px Georgia, serif
}
.prototip .default .title {
	padding: 5px
}
.prototip .default .content {
	background: dodgerblue;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px
}
.prototip .darktip {
	width: 190px;
	border: 5px solid #a1a1a1
}
.prototip .darktip .toolbar {
	background: #606060;
	color: #fff;
	font: italic 17px Georgia, serif
}
.prototip .darktip .title {
	padding: 5px
}
.prototip .darktip .content {
	background: #808080;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px
}
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0
}
#lightbox img {
	width: auto;
	height: auto
}
#lightbox a img {
	border: 0
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto
}
#imageContainer {
	padding: 10px
}
#loading {
	position: absolute;
	top: 40%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}
#imageContainer>#hoverNav {
	left: 0
}
#hoverNav a {
	outline: 0
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	display: block
}
#prevLink {
	left: 0;
	float: left
}
#nextLink {
	right: 0;
	float: right
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(/images/prevlabel.gif) left 15% no-repeat
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(/images/nextlabel.gif) right 15% no-repeat
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding: 0 10px;
	color: #666
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left
}
#imageData #caption {
	font-weight: bold
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: .7em;
	outline: 0
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000
}
.black_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: .8;
	opacity: .80;
	filter: alpha(opacity=80)
}
.white_content {
	display: none;
	position: absolute;
	top: 45%;
	left: 30%;
	width: 40%;
	height: 100px;
	padding: 16px;
	border: 16px solid #a6171d;
	background-color: white;
	z-index: 1002;
	overflow: auto
}
#tulemused {
	float: left;
	margin: 0;
	padding: 0;
	width: 734px;
	color: #111
}
#tulemused th {
	font-weight: normal
}
.container {
	display: block;
	padding-bottom: 2px
}
.content {
	background: #cbc8b6
}
.round_span3 {
	background: #cbc8b6;
	display: block;
	line-height: 1px;
	overflow: hidden;
	height: 1px;
	margin: 0 3px
}
.round_span2 {
	background: #cbc8b6;
	display: block;
	line-height: 1px;
	overflow: hidden;
	height: 1px;
	margin: 0 2px
}
.round_span1 {
	background: #cbc8b6;
	display: block;
	line-height: 1px;
	overflow: hidden;
	height: 1px;
	margin: 0 1px
}
#yearbox {
	width: 55px
}
#fullbox {
	width: 130px
}
#product_name {
	width: 130px
}
#fuel {
	width: 130px
}
#transmission {
	width: 130px
}
#vehicle_type {
	width: 130px
}
#seller {
	width: 130px
}
#dateold {
	width: 130px
}
#make_id {
	width: 130px
}
#current_price_from_vehicle {
	width: 55px
}
#current_price_to_vehicle {
	width: 55px
}
#year_from {
	width: 55px
}
#year_to {
	width: 55px
}
.pagination a:link {
	color: #555
}
.pagination a:visited {
	color: #555
}
.pagination a:hover {
	color: #a6171d
}
#model_id {
	width: 130px
}
.thumbnail {
	position: relative;
	z-index: 0
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 50
}
.thumbnail span {
	position: absolute;
	background-color: #e0ddce;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none
}
.thumbnail span img {
	border-width: 0;
	padding: 2px
}
.thumbnail:hover span {
	visibility: visible;
	top: 0;
	left: 60px
}
.timeonimage {
	position: relative;
	top: -20px;
	padding-right: 20px;
	text-align: right;
	vertical-align: middle;
	height: 19px;
	font-weight: bold;
	color: #e6e6e6;
	font-size: 11px
}
.timeonimage IMG {
	vertical-align: middle;
	margin-top: -5px
}
.dijitDialogCloseIcon {
 // display:none;
//  visibility:hidden;
}

.nihilo .dijitDialog .dijitDialogPaneContent {
    padding: 0px !important;
}

.nihilo .dijitDialog {
    background: #e0ddce !important;
}
.price-box {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 30px;
	margin-left: 10px;
	margin-right: 25px;
	padding: 20px 20px;
}

.price-informer {
	color: #858585;
	float: left;
	font-size: 12px;
	padding-top: 10px;
}
.product-name {
	color: #000000;
	font-size: 32px;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0;
	text-transform: none;
}
.desc .product-featured {
	text-align: left;
}
.product-featured ul {
	display: inline-block;
	margin: 0 0 5px;
	padding: 0;
	width: 100%;
}
.product-featured li {
	list-style: square outside none;
  list-style-type:none;
	margin-left: 10px;
	padding: 0;
}
.page-product-heading {
	background: none repeat scroll 0 0 #000000;
	border-bottom: 6px solid #D2583E;
	clear: both;
	color: #FFFFFF;
	display: block;
	padding: 10px;
}
.page-product-box .rte {
	padding: 0 0 20px 0;
}
.table-data-sheet {
  width: 100%;
  margin-bottom: 15px;
}
.table-data-sheet th {
	border-bottom: 1px solid #dddddd;
	padding: 10px;
	text-transform: uppercase;
	vertical-align: middle;
}
.table-data-sheet td {
	border: none;
	color: #000000;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
}
.table-data-sheet tr:nth-child(2n) {
	background: #D2CFC0;
}
.pb-right-column .btn.btn-main2 {
}
.pb-right-column .btn.btn-main2 span {
	font-size: 20px;
}
.pb-right-column .panel {
	padding-bottom: 20px;
}
.product-tabs {
	display: inline-block;
}
.pb-right-column .panel .price {
	color: #D2583E;
	font-size: 4em;
}
.product-featured .featured-box:first-child {
	border-left: 0;
}
.product-featured {
	border-bottom: 1px solid #CBC8B6;
	border-top: 1px solid #CBC8B6;
	display: inline-block;
	margin: 10px 0 5px;
	width: 100%;
}
.product-featured .featured-box {
	border-right: 1px solid #CBC8B6;
	display: inline-block;
	float: left;
	padding: 10px 20px;
	vertical-align: top;
}
.featured-title {
	text-transform: uppercase;
	color: #000;
}
.featured-content {
	color: #666666;
	font-size: 20px;
	margin-left: 9px;
}
.featured-content i {
	font-size: 20px;
	display: inline-block;
	margin-right: 5px;
}
.btn-set-middle {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 430px;
}
.price-box {
    background-color: #d90000;
    background: url(/images/ese_algamas.png);
}

.user-form .form-label {
  display: block;
}

.user-form .form-control {
  width: 250px;
}

.user-form>.email, .user-form>.string, .user-form>.password, .user-form>.boolean {
  margin-top: 1em;
  margin-bottom: 1em;
}
.user-form>fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.invalid-feedback {
  color: red;
}
.signup-button {
  color: white;
  border: none;
  font-size: 1.8em;
  cursor: pointer;
  padding: 12px 14px;
  border-radius: 5px;
  background: #8ec25d;
  text-transform: uppercase;
}
.admin-button {
  position: absolute;
  right: 10px;
  top: -2px;
}
.sedit {
  color: #68737d;
  transition: all .2s ease-in-out;
}
.sedit:hover {
  color: #393737;
  transform: scale(1.1);
}
.text-dark a {
  color: #000;
}

.transform-please {
    transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px);
}
.transform-please span, .transform-please a, .transform-please i {
    /* display: block; */
    /* transform-style: flat; */
    /* -webkit-transform-style: flat; */
    -moz-transformtransform-style: flat;
    -ms-transform-style: flat;
    /* transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px); */
    /* -webkit-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px); */
    -moz-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
}

.icos-box {
    padding-top: 17px;
}

.pos-rel {
  position: relative;
}

#gallery-wrapper{
    width: 640px;
    height: 427px;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
}
.kSlideshowWrapper, .kSlideshowItemDiv{
    width: 640px;
    height: 427px;
}
.kSlideshowItemDiv img{
    z-index: 400;
}
.kThumbnailsInnerWrapper{
    width: 106px;
    height: 395px;
}
.kThumbnailsWrapper{
    width: 106px;
    height: 395px;
    position: absolute;
    top: 18px;
    right: -145px;
}
.kThumbnailsWrapper .kThumbnailsPrevPage{
    top: -26px;
    left: 40px;
    background: url(/images/gtk-media-forward-up.png) no-repeat scroll 0 0 transparent;
}
.kThumbnailsWrapper .kThumbnailsNextPage{
    bottom: -24px;
    top: auto;
    left: 40px;
    background: url(/images/gtk-media-forward-down.png) no-repeat scroll 0 0 transparent;
}
.kThumbnailsPage{
    width: 106px;
    height: 395px;
    text-align: left;
}
.kThumbnailsPage img{
    padding: 1px;
    border: 1px solid black;
    margin: 2px;
    background: white;
}
.kThumbnailsPage .selectedThumbnail{
    border-color: #aaaaff;
}

section
{
	display: block;
}

.accordion section
{

	background-color: #CBC8B6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CBC8B6), to(#CBC8B6));
    background-image: -webkit-linear-gradient(top, #CBC8B6, #CBC8B6);
    background-image:    -moz-linear-gradient(top, #CBC8B6, #CBC8B6);
    background-image:     -ms-linear-gradient(top, #CBC8B6, #CBC8B6);
    background-image:      -o-linear-gradient(top, #CBC8B6, #CBC8B6);
    background-image:         linear-gradient(top, #CBC8B6, #CBC8B6);

  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.accordion h2,
 .accordion p
{   margin: 0;
}

.accordion p
{
	padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;
}

.accordion h2 a
{
  margin: 1px 0 1px 0;
  padding: 17px 0 0 15px;
  height: 33px;
  display: block;
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 11px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: normal;
}

.accordion h2 a:hover
{
  margin: 1px 0 1px 0;
  padding: 17px 0 0 15px;
  height: 33px;
  background-color: #E0DDCE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 11px;
  text-align: left;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 2px #CBC8B6;
  -moz-box-shadow: inset 0px 0px 0px 2px #CBC8B6;
  box-shadow: inset 0px 0px 0px 2px #CBC8B6;
}

.accordion h2 + div
{
	height: 0;
	overflow: hidden;
	-moz-transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;

	background-color: #E0DDCE;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CBC8B6), to(#E0DDCE));
    background-image: -webkit-linear-gradient(top, #CBC8B6, #E0DDCE);
    background-image:    -moz-linear-gradient(top, #CBC8B6, #E0DDCE);
    background-image:     -ms-linear-gradient(top, #CBC8B6, #E0DDCE);
    background-image:      -o-linear-gradient(top, #CBC8B6, #E0DDCE);
    background-image:         linear-gradient(top, #CBC8B6, #E0DDCE);
}

.accordion :target h2 a:after
{
    content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	border-top: 5px solid #333;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.accordion :target h2 + div
{
	height: 100%;
}

.rTable { display: table;padding-left: 10px; } .rTableRow { display: table-row; } .rTableHeading { display: table-header-group; } .rTableBody { display: table-row-group; } .rTableFoot { display: table-footer-group; } .rTableCell, .rTableHead { display: table-cell; }
.tooteinfo {
    float: left;
    padding-left: 10px;
}



.tooteinfo a
{
    color: #000;
    font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.peidetud {
  display:none;
  visibility:hidden;
}

div.alert-message { display: block; padding: 13px 12px 12px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative;right: 10px;position: fixed;bottom: 30px;z-index: 9999;width: 300px; }
div.alert-message .box-icon { display: block; float: left; width: 30px; height: 25px; margin-top: -2px; background-position: -8px -8px; }
div.alert-message.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-message.success .box-icon { background-position: -48px -8px; }
div.alert-message.warning { background-color: #e3b000; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-message.warning .box-icon { background-position: -88px -8px; }
div.alert-message.error { background-color: #D21D1D; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-message.error .box-icon { background-position: -128px -8px; }
div.alert-message a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-message a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }
div.alert-message a { color: #fff; }

.makstudikoon{
    float: right;
    padding-right: 50px;
}
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}
/*! 
 * OverlayScrollbars
 * Version: 2.4.4
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;scroll-behavior:auto!important;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:content-box;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}.os-environment{--os-custom-prop:-1;height:200px;opacity:0;overflow:scroll;position:fixed;scroll-behavior:auto!important;visibility:hidden;width:200px;z-index:var(--os-custom-prop)}.os-environment div{height:200%;margin:10px 0;width:200%}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;min-height:200px;min-width:200px;width:auto}.os-environment.os-environment-flexbox-glue div{flex:auto;height:auto;margin:0;max-height:100%;max-width:100%;width:auto}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}.os-scrollbar-hidden.os-environment,[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}.os-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html.os-scrollbar-hidden,html.os-scrollbar-hidden>body,html[data-overlayscrollbars]{box-sizing:border-box;height:100%;margin:0;width:100%}html[data-overlayscrollbars]>body{overflow:visible}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{align-items:stretch!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;min-width:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw:0;--os-vah:0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden;position:relative}[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible],[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{border:none!important;direction:ltr!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar .os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar .os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar .os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar .os-scrollbar-handle:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-scrollbar .os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar .os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track{border-radius:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal{height:10px;padding:2px;right:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-cornerless{right:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl{left:10px;right:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl.os-scrollbar-cornerless,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl.os-scrollbar-cornerless{left:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle{max-width:none;min-width:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:-2px;top:-6px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,.os-no-css-vars.os-theme-light.os-scrollbar-vertical{bottom:10px;padding:2px;width:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-cornerless,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-cornerless{bottom:0}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle{max-height:none;min-height:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:-2px;right:-6px}.os-no-css-vars.os-theme-dark .os-scrollbar-handle{background:rgba(0,0,0,.44)}.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle{background:rgba(0,0,0,.66)}.os-no-css-vars.os-theme-light .os-scrollbar-handle{background:hsla(0,0%,100%,.44)}.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle{background:hsla(0,0%,100%,.55)}.os-no-css-vars.os-theme-light:active .os-scrollbar-handle{background:hsla(0,0%,100%,.66)}
/* Simplified header and dedicated login page. */
#login.header-auth {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  padding: 0;
  height: 100px;
}
#login.header-auth > form { margin: 0; }
#login.header-auth #lang_select { position: static; float: none; display: flex; align-items: center; gap: 6px; }
#login.header-auth .keeledrop { width: 92px; height: 32px; border: 0; background: transparent; }
.header-auth-actions { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
.header-auth-actions .header-register { color: #a60c2e; font-size: 13px; }
.login-page { padding: 20px; }
.login-page .login-card { margin: 0 auto; border: 1px solid #dedcd2; border-radius: 6px; }
.login-card { padding: 28px; background: #fffefa; color: #272b25; font: 14px/1.5 Arial, sans-serif; }
.login-card, .login-card *, .login-button { box-sizing: border-box; }
.login-card [hidden] { display: none !important; }
.login-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.login-heading h1 { margin: 0; padding: 0; font: 600 25px/1.2 Arial, sans-serif; color: #272b25; letter-spacing: -.5px; }
.login-card .login-intro { margin: 7px 0 24px; color: #65695e; }
.login-method-tabs { display: flex; gap: 4px; padding: 4px; position: relative; background: #f0eee7; border: 1px solid #dedcd2; border-radius: 6px; }
.login-method-radio { position: absolute; width: 1px; height: 1px; opacity: 0; }
.login-method-radio + label { flex: 1; min-width: 0; padding: 10px 4px; color: #62665c; text-align: center; cursor: pointer; border-radius: 6px; }
.login-method-radio:checked + label { color: #b70931; background: #fff; font-weight: 600; box-shadow: 0 1px 3px #272b2514; }
.login-method-radio:focus-visible + label { outline: 2px solid #0863d1; outline-offset: 0; }
.login-method-radio:disabled + label { cursor: wait; opacity: .65; }
.login-panels { width: 100%; padding-top: 22px; }
.login-panel { display: none; }
.login-methods:has(#login-method-smart:checked) [data-login-method="smart"],
.login-methods:has(#login-method-password:checked) [data-login-method="password"],
.login-methods:has(#login-method-card:checked) [data-login-method="card"] { display: block; }
.login-form { display: grid; gap: 16px; margin: 0; }
.login-field { display: grid; gap: 6px; }
.login-field label { font-weight: 600; }
.login-field input { width: 100%; min-width: 0; padding: 12px; border: 1px solid #cecec3; border-radius: 7px; background: #fff; color: #272b25; font: 16px/1.3 Arial, sans-serif; }
.login-button, a.login-button {
  display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px;
  border: 1px solid #cecec3; border-radius: 7px; background: #fffefa; color: #272b25;
  font: 600 14px/1.5 Arial, sans-serif; text-decoration: none; cursor: pointer;
}
.login-card .login-button { width: 100%; }
.login-button-primary, a.login-button-primary { background: #b70931; border-color: #b70931; color: #fff; }
.login-button-primary:hover, a.login-button-primary:hover { background: #960727; color: #fff; }
.login-button:disabled { cursor: wait; opacity: .6; }
.login-card a:not(.login-button) { color: #a60c2e; text-decoration: underline; text-underline-offset: 3px; }
.login-password-options { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; }
.login-check { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 12px; color: #65695e; }
.login-check input { flex-shrink: 0; margin: 3px 0 0; accent-color: #b70931; }
.login-card .login-help { margin: 0 0 16px; color: #65695e; font-size: 13px; }
.login-form .login-help { margin: 0; }
.login-recovery { text-align: center; font-size: 12px; }
.login-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; border-top: 1px solid #dedcd2; margin-top: 24px; padding-top: 20px; color: #65695e; font-size: 13px; }
.login-card .login-error { padding: 12px; color: #8b1630; background: #f9ecee; border-radius: 7px; }
.login-smart-error { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 22px; padding: 16px; border: 1px solid #edbdc7; border-left: 4px solid #b70931; border-radius: 8px; background: #fff0f3; color: #8b1630; overflow-wrap: anywhere; }
.login-smart-error-icon { display: grid; place-items: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: #b70931; color: #fff; font-weight: 700; }
.login-smart-error > div { min-width: 0; }
.login-smart-error strong { display: block; margin: 0 0 5px; font-size: 15px; line-height: 1.4; }
.login-smart-error p { margin: 0; font-size: 14px; line-height: 1.5; }
.login-card .login-status:empty { display: none; }
.login-card .login-status { margin: 16px 0; font-size: 13px; }
.login-card .login-code-label { text-align: center; margin: 0 0 8px; color: #65695e; }
.login-code { display: block; padding: 16px; background: #f0eee7; border-radius: 7px; text-align: center; font: 600 38px/1.3 Arial, sans-serif; letter-spacing: .2em; }
@media (max-width: 480px) {
  .login-card { padding: 22px; }
  .login-page { padding: 12px; }
}
/* Guided signup: method, details, and confirmation. */
.signup-layout #holder { width: 100%; max-width: 980px; }
.signup-layout #header { width: 100%; display: grid; grid-template-columns: 180px 1fr auto; }
.signup-layout #logo { float: none; }
.signup-layout #mainmenu { float: none; width: auto; padding-top: 0; align-self: end; }
.signup-layout #login { float: none; width: auto; padding-right: 20px; }
.signup-page { padding: 20px 24px; }
.signup-flow { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 260px minmax(0, 1fr); border: 1px solid #dedcd2; border-radius: 8px; overflow: hidden; background: #fffefa; color: #272b25; font: 14px/1.5 Arial, sans-serif; }
.signup-flow, .signup-flow * { box-sizing: border-box; }
.signup-flow [hidden] { display: none !important; }
.signup-card { min-width: 0; padding: 20px 28px; }
.signup-rail { padding: 34px 28px; border-right: 1px solid #dedcd2; background: #f0eee7; }
.signup-eyebrow { margin: 0 0 12px; color: #65695e; font-size: 11px; font-weight: 600; letter-spacing: 1.4px; }
.signup-rail h2 { margin: 0; font: 600 24px/1.25 Arial, sans-serif; color: #272b25; letter-spacing: -.5px; }
.signup-rail-intro { margin: 12px 0 0; color: #65695e; font-size: 13px; }
.signup-rail ol { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 28px; }
.signup-rail li { display: flex; align-items: center; gap: 12px; color: #65695e; font-size: 13px; }
.signup-step-button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; }
.signup-step-button:not(:disabled) { cursor: pointer; }
.signup-step-button:not(:disabled):hover > span:last-child { text-decoration: underline; text-underline-offset: 3px; }
.signup-step-button:focus-visible { outline: 2px solid #0863d1; outline-offset: 4px; border-radius: 4px; }
.signup-step-number { display: grid; place-items: center; flex-shrink: 0; width: 29px; height: 29px; border: 1px solid #dedcd2; border-radius: 50%; font-size: 12px; }
.signup-rail li[aria-current=step] { color: #b70931; font-weight: 600; }
.signup-rail li[aria-current=step] .signup-step-number { background: #b70931; color: #fff; border-color: #b70931; }
.signup-rail li.is-complete .signup-step-number { background: #edf2e9; color: #3d624c; }
.signup-rail-help { border-top: 1px solid #dedcd2; margin-top: 55px; padding-top: 20px; color: #65695e; font-size: 12px; }
.signup-rail-help a { color: #a60c2e; text-underline-offset: 3px; }
.signup-card h1 { margin: 0; padding: 0; color: #272b25; font: 600 28px/1.2 Arial, sans-serif; letter-spacing: -.6px; }
.signup-card .signup-intro { margin: 8px 0 16px; color: #65695e; }
.signup-card a:not(.login-button) { color: #a60c2e; text-decoration: underline; text-underline-offset: 3px; }
.signup-method { border: 1px solid #dedcd2; border-radius: 7px; margin: 10px 0; background: #fffefa; }
.signup-method[open] { border-color: #b70931; background: #f9ecee; }
.signup-method summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px; cursor: pointer; list-style: none; }
.signup-method summary::-webkit-details-marker { display: none; }
.signup-method summary strong { display: block; font-size: 16px; font-weight: 600; }
.signup-method-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 24px; }
.signup-method summary .signup-hint { display: block; margin-top: 3px; }
.signup-recommended { display: inline-block; padding: 2px 7px; border-radius: 4px; background: #e3f2d8; color: #65695e; font-size: 10px; line-height: 16px; font-weight: 600; }
.signup-method[open] .signup-recommended { background: #fffefa; color: #b70931; }
.signup-identity.login-card { padding: 18px; border-top: 1px solid #dedcd2; border-radius: 0 0 7px 7px; }
.signup-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #65695e; font-size: 12px; }
.signup-divider::before, .signup-divider::after { content: ''; height: 1px; background: #dedcd2; flex: 1; }
.signup-email { width: 100%; }
.signup-card .signup-method-hint { margin: 12px 0 0; }
.signup-step-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.signup-step-actions .login-button { margin-left: auto; }
.signup-back { border: 0; background: none; padding: 10px 0; color: #a60c2e; cursor: pointer; font: 13px Arial, sans-serif; text-align: left; }
.signup-review > .signup-back { margin-bottom: 18px; }
.signup-summary section { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #dedcd2; }
.signup-summary h2 { font-size: 17px; color: #272b25; margin: 0 0 12px; }
.signup-summary dl { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 9px 16px; font-size: 13px; }
.signup-summary dt { color: #65695e; }
.signup-summary dd { margin: 0; overflow-wrap: anywhere; }
.signup-summary dd:empty::after { content: '—'; }
.signup-finish { display: grid; gap: 22px; }
.signup-card .signup-notice { margin: 0 0 18px; padding: 13px 15px; border-radius: 7px; color: #85400f; background: #ffdfb5; font-size: 12px; }
.signup-card .signup-verified { color: #3d624c; background: #edf2e9; }
.signup-form { margin: 0; }
.signup-details { display: grid; gap: 12px; }
.signup-details .signup-notice { margin-bottom: 0; }
.signup-hint { margin: 0; color: #65695e; font-size: 12px; font-weight: 400; }
.signup-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.signup-group + .signup-group { border-top: 1px solid #dedcd2; padding-top: 12px; }
.signup-group > legend { float: left; width: 100%; margin: 0 0 6px; padding: 0; font-size: 17px; font-weight: 600; }
.signup-group > legend + * { clear: both; }
.signup-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 16px; }
.signup-field { display: flex; flex-direction: column; min-width: 0; gap: 4px; margin: 0; }
.signup-field > label { font-size: 13px; font-weight: 400; }
.signup-field label.required > abbr { display: none; }
.signup-field input:not([type=checkbox]):not([type=hidden]), .signup-field select { width: 100%; min-width: 0; min-height: 42px; padding: 8px 12px; border: 1px solid #cecec3; border-radius: 7px; color: #272b25; background: #fff; font: 16px/1.4 Arial, sans-serif; }
.signup-field input::placeholder { color: #72766b; }
.signup-field input:disabled { color: #65695e; background: #f0eee7; opacity: 1; }
.signup-field input.is-invalid, .signup-field select.is-invalid, .signup-field input[aria-invalid=true] { border-color: #b70931; }
.signup-card .invalid-feedback { display: block; font-size: 12px; color: #9b1533; }
.signup-full { grid-column: 1 / -1; }
.signup-account-options { position: relative; display: flex; gap: 4px; padding: 4px; border: 1px solid #dedcd2; border-radius: 7px; background: #f0eee7; }
.signup-account-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.signup-account-options label { flex: 1; min-width: 0; padding: 6px 8px; border-radius: 4px; text-align: center; cursor: pointer; color: #65695e; }
.signup-account-options input:checked + label { color: #b70931; background: #fffefa; font-weight: 600; box-shadow: 0 1px 3px #272b2514; }
.signup-account-options input:focus-visible + label { outline: 2px solid #0863d1; outline-offset: 0; }
.signup-company-fields { min-width: 0; padding: 0; margin: 16px 0 0; border: 0; }
.signup-company-fields legend { margin-bottom: 12px; }
.signup-account-type:has(#signup-personal:checked) .signup-company-fields { display: none; }
.signup-yard { align-self: center; padding: 0; border: 0; }
.signup-yard .form-check { display: flex; gap: 8px; align-items: center; }
.signup-yard input { accent-color: #b70931; }
.signup-password { display: flex; position: relative; }
.signup-password input { padding-right: 68px !important; }
.signup-reveal { position: absolute; right: 8px; top: 1px; bottom: 1px; border: 0; padding: 0 4px; background: none; color: #65695e; font: 12px Arial, sans-serif; cursor: pointer; }
.signup-terms { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: #65695e; }
.signup-terms input { margin: 3px 0 0; flex-shrink: 0; width: 16px; height: 16px; accent-color: #b70931; }
.signup-actions { display: flex; justify-content: flex-end; }
.signup-actions .login-button { min-width: 160px; min-height: 46px; }
.signup-error { padding: 14px 16px; border-radius: 7px; color: #8b1630; background: #f9ecee; font-size: 13px; }
.signup-error h2 { margin: 0 0 8px; font-size: 15px; color: inherit; }
.signup-error ul { margin: 0; padding-left: 20px; }
@media (max-width: 800px) {
  .signup-flow { grid-template-columns: 210px minmax(0, 1fr); }
  .signup-rail { padding: 28px 22px; }
  .signup-card { padding: 24px; }
  .signup-layout #header { height: auto; grid-template-columns: 1fr auto; }
  .signup-layout #logo { grid-column: 1; grid-row: 1; }
  .signup-layout #login { grid-column: 2; grid-row: 1; }
  .signup-layout #mainmenu { grid-column: 1 / -1; grid-row: 2; }
  .signup-layout #mainmenu ul { display: flex; justify-content: center; }
}
@media (max-width: 600px) {
  .signup-layout #logo { width: 100px; height: 72px; }
  .signup-layout #logo img { width: 100px; height: auto; }
  .signup-layout #login { height: 72px; gap: 10px; padding-right: 12px; }
  .signup-layout #login .keeledrop { width: 76px; font-size: 11px; }
  .signup-layout #login .login-button { padding: 10px 12px; font-size: 13px; }
  .signup-layout #mainmenu ul { padding-left: 0; }
  .signup-page { padding: 24px 12px; }
  .signup-flow { grid-template-columns: minmax(0, 1fr); }
  .signup-rail { padding: 20px; border-right: 0; border-bottom: 1px solid #dedcd2; }
  .signup-rail > p, .signup-rail > h2, .signup-rail-help { display: none; }
  .signup-rail ol { display: flex; justify-content: space-between; gap: 12px; margin: 0; }
  .signup-rail li { flex-direction: column; gap: 5px; font-size: 11px; text-align: center; }
  .signup-step-button { flex-direction: column; gap: 5px; text-align: center; }
  .signup-card { padding: 20px; }
  .signup-step-actions { flex-wrap: wrap; }
  .signup-summary dl { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .signup-summary dd { margin-bottom: 10px; }
  .signup-card h1 { font-size: 25px; }
  .signup-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .signup-field input:not([type=checkbox]):not([type=hidden]), .signup-field select { min-height: 44px; }
  .signup-account-options label { padding: 10px 8px; }
  .signup-identity.login-card { padding: 16px; }
  .signup-method summary .signup-hint { min-height: 36px; }
}