* {
  box-sizing: border-box; 
}

html {
    line-height: 1.15;
        font-family: 'Lexend', sans-serif;
}

body {
    margin: 0 40px;
}

h1 {
    font-size: 2em;
}
a {
    text-decoration: none;
    color:#EE4036;

}
/*h1 {line-height: 1.6 ;}*/
h2 {font-size: 34px; font-weight: 300; line-height: 1.6 ;}
h3 {font-size: 20px; font-weight: 300; line-height: 1.6 ;}


strong, b {
    font-weight: 800;
}
table {
  border-spacing: 0px; 
}
td {
     padding: 5px 10px;
    border-bottom: 1px solid #eaeaea;
}
tr {
padding: 0;
    margin: 0;
}
tr:hover {
   

    background-color: #f4f4f4;
}
.menyy {
    margin: 0 auto;
    background-color: #fff;

}
.elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.catalog-wrapper {
    display: flex;
      max-width: 1300px;
    margin: 0 auto;
        padding: 30px 20px;
    flex-direction: row;
}
.catalog-filter {
   width: 20%;
}
.widget widget_wpc_filters_widget {
    position: sticky;
    top: 0;
}
.kaslaos{
    position: absolute;
    top:20px;
    right: 13px;
    background-color: green;
    color: #fff;
    padding: 3px 5px;
    font-size: 15px;
}
.new-design{
    position: absolute;
    top:20px;
    left: 20px;
    background-color: blue;
    color: #fff;
    padding: 3px 5px;
    font-size: 15px;
}
.tooted {
  width: 80%;
align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    
}
.toode {
    width: 33%;
    padding: 20px;
    position: relative;
}
.toode .laoseis {
    display: block;
    width: 100%;

    font-size: 13px;
    color: green;
/*    background-color: #d9ffd9;*/
    padding: 2px 5px;
}
.toode .saabumas {
     display: block;
    width: 100%;
   color:#a55f00;
    font-size: 13px;
    background-color: #fff8e6;
    padding: 2px 5px;
}
.toode h2{
    margin: 7px 0 0 0 ;
    font-size: 20px ;
    line-height: 1 ;
    color: #000;
}
.toode h2 span{
    margin: 7px 0;
    font-size: 13px ;
    padding: 5px;
    line-height: 1 ;
    color: #fff;
    background-color: green;
}

.wpc-filters-widget-main-wrapper li.wpc-term-item a {
text-decoration: none;
font-weight: 400;
outline: 0;
padding-top: 0;
padding-bottom: 0;
color: #000;
font-weight: 300;
}
.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label a, .wpc-filters-main-wrap li.wpc-term-item a  {
color: #000;
}
#wpc-term-post_meta-uus_disain-3 {
    display: none;
}
.toode .kat {position: absolute;
top:135px;
left:25px;
}
.kat-title {
    display: inline-block;
}
.toode .kat span{
    font-size: 11px;
    margin-right: 2px;
    padding: 3px 5px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.2); 
    color: #fff;
/*    border: 1px solid #aeaeae;*/
    border-radius: 5px;
}
.toode-wrapper .kat span{
    font-size: 15px;
    margin-right: 5px;
    padding: 3px 5px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.4); 
    color: #fff;
/*    border: 1px solid #aeaeae;*/
    border-radius: 5px;
}
#wpc-term-post_meta-vuugivaba-3,
#wpc-term-post_meta-rahvusvaheline-3{
    display: none;
}

.wpc-chip-kas_laos-1 .wpc-filter-chip-name {
    visibility: hidden;
    width: 80px;
}
.wpc-chip-kas_laos-1 .wpc-filter-chip-name:after {
     content:'Hetkel laos'; 
  visibility: visible;
  display: block;
  position: absolute;
  top: 2px;
}
.wpc-chip-vuugivaba-1 .wpc-filter-chip-name {
    visibility: hidden;
    width: 75px;
}
.wpc-chip-vuugivaba-1 .wpc-filter-chip-name:after {
     content:'Vuugivaba'; 
  visibility: visible;
  display: block;
  position: absolute;
  top: 2px;
}
.wpc-chip-rahvusvaheline-1 .wpc-filter-chip-name {
    visibility: hidden;
    width: 115px;
}
.wpc-chip-rahvusvaheline-1 .wpc-filter-chip-name:after {
     content:'Rahvusvaheline'; 
  visibility: visible;
  display: block;
  position: absolute;
  top: 2px;
}

.toode-top {
    width: 100%;
    min-height: 400px;
    opacity: 1;
}
.referents-top {
    background-position: center center;
    background-size: cover;
}
.toode-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    margin-bottom: 100px;
    font-weight: 300;
    position: relative;
}
.toode-wrapper > div{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    max-width: 500px;
}
.ref-gallery {
    display:block;
 border-bottom: 0px solid #ccc ;
    max-width: 100% ;
}
.ref-gallery a{
    margin:5px;   

}
.laos {color:green; font-weight: 600;}
.laos span {color:#777; margin-left: 10px;font-weight: 300;}
.toode-wrapper h1{
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
    font-family: "Lexend", Sans-serif;
font-size: 60px;
font-weight: 300;
}
.toode-image {
    border: 10px solid #fff;
    max-width: 700px;
    height: auto;
    -webkit-box-shadow: 5px 5px 54px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 54px -15px rgba(0,0,0,0.75);
box-shadow: 5px 5px 54px -15px rgba(0,0,0,0.75);
}
.referentsid {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%  ;
}
.referentsid h2 {
    font-size: 20px ; 
    font-weight: 300;
}
.referents {
    font-size: 16px ;
    font-weight: 300;
    position: relative;
    margin: 5px;
    transition: all 0.2s linear;
    border-radius: 15px;
    overflow: hidden;
}
.referents:hover {
  transform: scale(1.02);
    transition: all 0.2s linear;
        
}
.referents span i {
margin-left: 0px;
    transition: all 0.2s linear;
}
.referents:hover span i {
margin-left: 10px;
    transition: all 0.2s linear;
}
.referents span  {
position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: #fff;
    background-color: #334653;
    transition: all 0.2s linear;
}

.toode-wrapper > div.flex-btn {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
	margin-bottom: 30px;
	border-bottom: 0;
}

.btn {
    background-color: #12364D;
    color: #fff;
    padding: 10px 15px;
    font-weight: 300 ;
    font-size: 18px ;
    display: inline-flex;
    align-items: center;
}
.btn:hover {
    transform: translateY(-4px);
    color: #fff;
}
.wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a {
text-decoration: none;
font-weight: 400;
border-radius: 50px;
padding: 3px 15px;
display: inline-block;
outline: 0;
border: 1px solid rgba(216, 216, 216, 0) ;
position: relative;
color: #fff ;
    background-color: #334653;
    
}

b,
strong {
    font-weight: bolder
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}
button {
    border: 0;
    background-color: transparent;
}
button:hover, button:active {
    border: 0;
    background-color: inherit;
}

fieldset {
    padding: .35em .75em .625em
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

template,
[hidden] {
    display: none
}


.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    text-align: center
}


.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%
}

.gallery-columns-1 .gallery-item {
    width: 100%
}


.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-item a {
    display: inline-block;
    max-width: 100%
}

.gallery-item a img {
    display: block;
    backface-visibility: hidden
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    opacity: 0.6
}

.gallery-caption {
    display: block;
    margin-bottom: 0
}


@media screen and (max-width:500px) {

    body {
        margin: 0px;
}
    .toode-wrapper h1 {
font-size: 50px;
font-weight: 400;
}
.toode-image {

width: 100%;
    height: auto;

}
    .toode-top {
width: 100%;
min-height: 200px;
        -webkit-box-shadow: inset 0px -21px 22px -23px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -21px 22px -23px rgba(0,0,0,0.75);
box-shadow: inset 0px -21px 22px -23px rgba(0,0,0,0.75)
}
  .toode-wrapper {
      padding: 20px;
max-width: 1300px;
margin: 0 auto;
margin-bottom: 100px;
margin-top: -50px;
font-weight: 300;
position: relative;
}  
    
    .catalog-wrapper {

flex-wrap: wrap;
}
    .catalog-filter {
width: 100%;
}
    .tooted {
width: 100%;

}
    .toode {
width: 50%;
overflow: hidden;
        padding: 10px;
}
    
.toode img {
max-width: 100%;

}
    .toode .kat {
    display: none;
    }
    
    .kaslaos {
position: absolute;
top: 10px;
right: 10px;
background-color: green;
color: #fff;
padding: 3px 5px;
font-size: 12px;
}
    
    
    
    
    
    
    
    
    

}

.footer-lang-links {
    position: fixed;
    bottom: 41px;
    right: 73px;
    z-index: 1000;
    padding: 0;
    margin: 0  ;
    list-style-type: none;
}

.footer-lang-links li{
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin: 0;
}

.footer-lang-links li a{
    display: block;
    text-decoration: none;
    padding: 5px 10px 6px;
    line-height: 1;
    color: #000;
}

.footer-lang-links li a:hover{
    color: #EE4036;
}

.footer-lang-links li span{
    margin-left: .4em;
    vertical-align: middle;
}

.footer-lang-links img {
    display: inline;
    vertical-align: middle;
    width: 18px;
    height: 12px;
    aspect-ratio: auto 18 / 12;
}

.loading-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;
    width: 100%;
    height: 100vh; /* Teeb loading ikooni täpselt keskele */
}

.loading-container img {
    max-width: 100px;
    max-height: 100px;
}

.catalog-filter label.disabled {
    opacity: 0.5;
}

.catalog-filter label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 4px;
}

.catalog-filter h3 {
    font-size: 16px;
    font-weight: 400;
}

.catalog-filter .filter-button {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.catalog-filter .filter-button:hover, .catalog-filter .filter-button:focus, .catalog-filter .filter-button.active {
    background: #0570e2;
    color: #f5f5f5;
}

.catalog-filter .count {
    opacity: 0.7;
    margin-left: 5px;
}

.catalog-filter .search {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}