@font-face {
  font-family: Proxima Nova;
  src: url("../font/proxima-nova-font.otf");
}

@font-face {
  font-family: Playfair Display;
  src: url("../font/PlayfairDisplay-VariableFont_wght.ttf");
}

:root {

/* Colors: */
--unnamed-color-d4d2c7: #D4D2C7;
--unnamed-color-d9699a: #D9699A;
--unnamed-color-000000: #000000;

/* Font/text values */
--unnamed-font-family-proxima-nova: Proxima Nova;
--unnamed-font-family-playfair-display: Playfair Display;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-20: 20px;
--unnamed-font-size-24: 24px;
--unnamed-font-size-35: 35px;
--unnamed-font-size-50: 50px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-30: 30px;
--unnamed-line-spacing-32: 32px;
--unnamed-line-spacing-47: 47px;
--unnamed-line-spacing-67: 67px;
}

/* Character Styles */
.text-segoe-ui-—-20pt {
font-family: var(--unnamed-font-family-proxima-nova);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-30);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.h2-segoe-ui-—-40pt {
font-family: var(--unnamed-font-family-playfair-display);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-35);
line-height: var(--unnamed-line-spacing-47);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.h1-segoe-ui-—-50pt {
font-family: var(--unnamed-font-family-playfair-display);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-50);
line-height: var(--unnamed-line-spacing-67);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.h3-playfair-display-—-30pt {
font-family: var(--unnamed-font-family-playfair-display);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}

.home h2, .home h2 strong,
.home h6, .home h6 strong {
	font: normal normal normal 35px/21px Playfair Display;
	margin: 0 0 25px 0;
}

a, body, p {
    color: #000000;
    font: normal normal normal 20px/30px Proxima Nova;
    margin:0;
   }
#site-footer a, #site-footer a:hover {
    color: #000000;
    text-decoration: none;}
        
.fixBox {
    display: block;
    width: 100%;
   
    text-align: center;
    padding: 5px;
    font-size: 18px;
    line-height: 30px;
    border-bottom: none;
    background: #333333;
    
    color: #F7F6F4;
}    
.fixBox a{
       color: #F7F6F4;
       font-size: 18px;
    line-height: 30px;
}    
@media only screen and (max-width: 767px){
.fix_block{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;   
     }
.fixBox a {
    line-height: 30px;
    font-size: 14px;
    height: 40px;
     max-width: 370px;
 }
}   
.bg_logo{
position: absolute;
    top: 0;
    z-index: -1;
    width:100%;
    max-width: 600px;
height: 376px;
transform: matrix(-1, 0, 0, -1, 0, 0);
/* UI Properties */
background: transparent linear-gradient(342deg, #E9E8E3 0%, #FFFFFF 42%) 0% 0% no-repeat padding-box;
}


input:not([type]):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.container {
    max-width: 1640px;
}    
    
.header {
    height: 170px;
    position: relative;
}
.header-container {
    padding: 0;
}


.section {
    padding:0;
}


#search {
    background: #FFFFFF;
    position: absolute;
    z-index: 998;
    top: 17px;
    right: 337px;   
}
.search-container {
    position: relative;
    width: 100%;
    height: 52px;
    border: 4px solid #d5d1c7;
    border-radius: 10px;
    min-width: 702px;
    padding: 0 20px;
}


    
#search input {
    position: relative;
    border: none;
    font: normal normal normal 20px/30px Proxima Nova;
    color: #000000;
    margin: 0 0 0 6px;
    box-shadow: none;
    width: 100%;
    background: #FFFFFF;
    padding: 8px 0 8px 4px;
    }
    
#search .search-close {
    position: absolute;
right: 30px;
top: 4px;
aspect-ratio: unset;
}
#search form i {
    position: absolute;
    font-size: 24px;
    top: 0;
    line-height: 32px!important;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #8E8C81;
}
#search form i.ser {
    position: absolute;
    font-size: 24px;
    top: 5px;
    left: 3px;
}
#search .autocomplete-content {
    display: block;
    opacity: 1;
    position: absolute;
    top: 42px;
    background: #FFFFFF;
    box-shadow: 0px 20px 20px #d4d2c7bf;
     border-radius: 0 0 10px 10px;;
    overflow: hidden;
      padding: 0 20px 0 0;
  width: 100%;
}
 }
    
#search .autocomplete-content div,#search .autocomplete-content ul {
    margin: 0;padding:0;}
    
  #search .autocomplete-content div{  
    overflow: hidden;
    height: 27px;
    color:#828282;
    padding: 0 20px;
    }
#search .autocomplete-content li img {
    height: 60px;
    width: 60px;
   margin: 0 20px 0 0;
}    
#search ul li {
padding: 0 20px;
}
#search ul li a {
    color: #565655;
    text-transform: inherit;
    font-weight: 400;
}
#search ul li:hover {
    background: transparent;
}
#search .autocomplete-content li a {
    font: normal normal normal 20px/24px Proxima Nova;
    color: #000000;
    display: inline;
    padding: 0;
}    
#search .autocomplete-content li a:hover {
    text-decoration:underline;}
    
#search .autocomplete-content hr {    
  position: relative;
    top: -25px;
    width: 100%;
    margin-left: 129px;
    background:#828282;  
}
#search .autocomplete-content .kategorie {    
  padding:20px;
  width:100%;
  height:auto;    
}

#search .autocomplete-content .kategorie a{    
  font: normal normal normal 20px/26px Proxima Nova;
    color: #000000;
  display: block;
}
#search .autocomplete-content .kategorie a:hover{    
  text-decoration:underline;  
}

#search .autocomplete-content .vse {    
  padding: 0 20px;
  height:47px;
    background:#F7F6F4;  
}
#search .autocomplete-content .vse a{    
  line-height:47px;      
}


#search input[type=text]:focus,#search input[type=text]:hover,#search input[type=text]:active{
	border:none;}
	
    .header-container a.brand-logo {
    width: auto;
    position: relative;
    top: 77px;
    height: 20px;      
    left: 0;
}

@media only screen and (max-width: 993px){
	.header {
    height: 45px;
}
.header-container a.brand-logo {
    top: 30px;
    left: 10px;
  }
 }
 
@media only screen and (max-width: 767px){
	.header {
		height:45px;
	}
	#search {
    background: #fff;
    position: absolute;
    margin:0; 
    top: 85px;
    right: unset;
    width: 100%;
    min-height: 600px;
    padding: 0 10px;

}
    
.search-container {
	background:#ffffff;
    position: relative;
    width: 100%;
    height: 43px;
    border: 1px solid #D4D2C7;
    border-radius: 22px;
    min-width: auto;
    padding: 0 20px;}
    
#search input {
    background: transparent;    
}

#search ul li {
	margin-left:0;
    padding: 0 20px;
    
}
#search ul a {text-align: left;}

.header-container.container,.section .container:first-of-type {
    width: 100%;
    padding:0;
}

.section.sec-text .container {
padding:0 10px;
}
.section .container.produkt {
    width: 90%!important;
    
}

 
 .header-container a.brand-logo img {
    width: 215px; 
  }
}


.header-container .button-collapse, .header-container .car, .header-container .fav, .header-container .flag, .header-container .per,.header-container .user, .header-container .search {
    float: right;
    margin-top: 20px;
    text-align: center;
    margin-left: 29px;}

nav .car, nav .fav, nav .flag, nav .per,nav .user, nav .search {
    float: inherit;
    margin-top: 20px;
    text-align: center;
    margin-left: 29px;}
  .header-container a.user{margin-right:20px;}
    
  .header-container .car {background: #F7F6F4;}
  .header-container .car i{color: #8E8C81;}
  .header-container .fav i{color: #D9699A;}
  .header-container .user {background: #D4D2C7;}
  .header-container .user i{font-size: 33px;}
  
  nav .car {background: #F7F6F4;}
  nav .car i{color: #8E8C81;}
  nav .fav i{color: #D9699A;}
  nav .user {background: #D4D2C7;}
  nav .user i{font-size: 24px;}
  
  .header-container a.car,
  .header-container a.fav,
  .header-container a.user,
  .header-container a.search{
    float: right;
    width: 40px;
    height: 40px;
    border: 1px solid #D4D2C7;
    border-radius: 24px;
}
  nav a.car, nav a.fav, nav a.flag, nav a.per,nav a.user, nav a.search{
    float: inherit;
    width: 40px;
    height: 40px;
    border: 1px solid #D4D2C7;
    border-radius: 24px;
    display: inline-block;
}
  .header-container a.car:hover,
  .header-container a.fav:hover,
  .header-container a.user:hover,
  .header-container a.search:hover {border: 1px solid #D9699A;}
  .header-container .user:hover { background: #D9699A;}
  
.header-container a i{line-height: 40px;}


nav a i{line-height: 40px;}
nav .side-nav i.material-icons {
    position: relative;}
    
nav {
	background-color: transparent;
	padding: 21px 0 0 0;
    line-height: 40px; border:none;
   }
nav ul li {margin-left:71px;}

nav ul a {
	font: normal normal normal 20px/30px Proxima Nova;
	text-align: right;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
    padding: 0 20px;
}
nav ul .dropdown-content a{text-transform: inherit;}

nav.right .dropdown-content  a:hover {text-decoration:underline;}
nav.right .dropdown-content  .navlista a:hover {text-decoration:none;}
nav.right .dropdown-content  .navlista .valign-wrapper a:hover {text-decoration:underline;}



nav ul a:hover,nav ul a.active {
background:#333333;	
color: #FFFFFF!important;
}

.header-container .per{
    box-shadow: 1px 6px 20px #d4d2c7bf;
    border-radius: 10px;
   }
.dropdown-content.full {    
    margin-top: 30px;}
	.dropdown-content{font: normal normal normal 20px/30px Proxima Nova;
letter-spacing: 0px;
overflow: hidden;}

.dropdown-content, nav {
    -webkit-box-shadow: none;
     box-shadow: none;
}

.dropdown-content.full .prechod{
width: 100%;
height: 259px;
background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.3;
display: flex;
}

.dropdown-content .picture {
    float: left;
    width: 100%;
    max-width: 148px;
    margin: 0;}
.dropdown-content .picture a{padding: 0;}
.dropdown-content .navlista a{
text-align: left;
text-decoration: none;
letter-spacing: 0px;
color: #000000;
text-transform: none;
padding-left:20px;
}
.dropdown-content .navlista a:hover, .dropdown-content .pad49 a:hover{color:#000000!important;}
.dropdown-content a:hover {color:#000000!important;}

.dropdown-content .pad49 {    padding-top: 27px;}
.dropdown-content .pad49 a{
	text-align:left;
text-decoration: underline;
letter-spacing: 0px;
text-transform: none;
margin-bottom: 20px;
}
.kol_sl{column-count: 5;}
.kol_sl .picture{width:82px;}
.kol_sl2{column-count: 2;}

nav .side-nav li .kol_sl2 a {    
    font-size: 18px;
    line-height: 22px;    
   }
nav .side-nav li .kol_sl2 a:hover{
    text-decoration:underline;
   }
   
nav .side-nav li .kol_sl2 .picture a img.responsive-img {
    max-width: 50px;
}
   
h1 {
font: normal normal normal 50px/67px Playfair Display;
letter-spacing: 0px;
color: #000000;
text-shadow: 0px 8px 10px #00000029;
display: inline-block;
margin:0;
}





/* ***************************************************************************** */

.header a.button-collapse{
	background: #fff;
    border: none;
    width: 94px;
    border-radius: 10px;
    
    font: normal normal bold 18px/38px Playfair Display;
    color: #000000;
    box-shadow: 6px 12px 20px #d4d2c7bf;
    margin-right:21px;
       height:40px; 
}

.header a.button-collapse i {
 margin-left:10px;   
 font-size:14px;
 line-height: 35px;
 position: relative;
    top: 3px;
 
}



.collapsible {
    border:none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
}

nav .mobil-nav {
	width:100%;
	position: absolute;
    right: 21px;
    padding-left:10px;
}

nav .side-nav {
    top: inherit;
    border-radius: 20px 0 0 0;
}

nav .side-nav ul {
    
    
}
nav .side-nav ul.collapsible {
	margin-top: 20px;
} 

nav .side-nav ul li {
    margin-left: 0;   
    
}


nav .side-nav li i.material-icons{
	right:0;
}

nav .side-nav li a{
text-align: left;
    width: 100%;
    
    font-size: 20px;
    line-height:51px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;   
   }
   
   nav .side-nav li ul li {
     padding-left: 15px; 
}
nav .side-nav li li .picture a{
    line-height:initial;
   }
nav .side-nav li:hover,nav .side-nav li a:hover{
background:#F7F6F4;
color:#000000!important;
   }
nav .side-nav li .picture a img.responsive-img{
    max-width: 70px;
    	
}

@media only screen and (max-width: 1560px){
nav ul li { margin-left: 61px; }
}
@media only screen and (max-width: 1460px){
nav ul li { margin-left: 41px; }
}
@media only screen and (max-width: 1360px){
nav ul li { margin-left: 21px; }
}
@media only screen and (max-width: 1260px){
nav ul li { margin-left: 0; }
nav .nav-wrapper ul li a{ padding: 0 10px; }
}

@media only screen and (max-width: 993px){
.header-container a.hide-on-small-only{display:none;}
}


@media only screen and (max-width: 767px){
.header a.button-collapse{
margin-right: 11px;
margin-left: 0;}

nav .side-nav li .kol_sl2 a {    
    text-transform: inherit;
    padding: 0;
   }
nav .side-nav li .picture a {    
    padding: 0 10px 0 20px;
   }
    
}
/* ***************************************************************************** */




@media only screen and (min-width: 390px){
.container {
    width: 90%;
}
}
.products-grid li.item, .produktliste li.item {
    flex: 1 1 21%;
    overflow: hidden;
    margin:0 auto;
    
    border:none;
    }
@media only screen and (max-width: 1650px){
    .products-grid li.item, .produktliste li.item {
    flex: 1 1 21%;
    }
    }
    
  @media only screen and (max-width: 1300px){
.products-grid li.item {
    flex: 1 1 30%;
}
}  
  @media only screen and (max-width: 870px){
.products-grid li.item {
    flex: 1 1 50%;
}
}  
 @media only screen and (max-width: 500px){
.products-grid li.item {
    flex: 1 1 100%;
}
}  


@media only screen and (max-width: 767px){
 a, body, p {
    font-size: 18px;
    line-height: 22px;
    color: #000000;    
}
p {
/*padding:0 10px;*/    
}
h1{font-size: 35px;
    line-height: 47px;  
    padding:0 10px;
    }
    
  .home .sec-text h2, .home .sec-text h2 strong,
  .home .sec-text h6, .home .sec-text h6 strong{
    font: normal normal normal 25px / 33px Playfair Display;
    margin: 0 0 25px 0;
    padding: 0; font-weight: 500;
 }   
    .home .sec-text h2 strong, .home .sec-text h6 strong { 
    	font-weight: 500;
}    
}

h5.slick-h5, h5.slick-h5 a, .slick-h5 {
/*padding:0 10px;*/
}
.products-grid .product-block {
    max-width: 398px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 23px;
    border: 1px solid #D4D2C7;
   
        }
@media only screen and (max-width: 420px){
  .products-grid .product-block {
    border-left:0;
    border-right:0;
        }
}


    .product-image-wrapper {
    	padding: 0 10px 39px 10px;
    	position: relative;
    }
    
.productlabels_icons {
   position: absolute;
    top: 20px;
    left: 0;
    border-radius: 0;
    width: fit-content;}
    
 .sale {
    background-color: red;
    top: 44px;
}   
.products-grid .product-image {
    position: relative;}
    
.products-grid .product-content-wrapper {
    width: 100%;
    display: inline-block;
    zoom: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-top: 1px solid #D4D2C7;
    margin: 0;}

.products-grid button.favorite{
   	position: absolute;
    bottom: 30px;
    border: none;
    background: transparent;
    
    cursor: pointer;
    }
 .produktliste.slick-slider button.favorite{
   	display:none;
    }
    
.products-grid button.favorite i{    
   color:#D9699A;
   background-image: url(../image/icon-awesome-heart.svg);
    background-repeat: no-repeat;
   width:38px;
   height:35px; 
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
   }

.products-grid .product-content, .produktliste .product-content {
    padding: 0 20px 39px 20px;
}
   
.products-grid .availability {
    margin: 10px 0 15px 0;
    text-align: right;
       font-size: 16px;
    line-height: 20px;
}   
.availability strong.in-stock {
    color: #05C738;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}
.products-grid .product-name.single-line-name, .produktliste .product-name {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    
}
.products-grid h3{
    margin:0;
    height: 70px;
    font-size: 24px;
    line-height: 34px;
}
.produktliste .slick-slide{ min-width:342px;}
.produktliste h3.product-name {  
   white-space: inherit;
  }
.produktliste h3.product-name a{
    margin:0;
    height: 64px;
    font: normal normal normal 24px/32px Playfair Display;
    color:#000000;
    display:block;
    
}

.products-grid h3 a,.productliste h3.product-name a{
    letter-spacing: 0px;
    color: #000000;
   font: normal normal normal 24px/24px Playfair Display; /*font: normal normal normal 24px/32px Playfair Display;*/
    
}

.products-grid .actions {
    float: none;
    width: 100%;
    position: relative;
}
.slick-next, .slick-prev{
     background-image: url("../image/icon-arrow-circle.svg");
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-color: transparent;  
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 53px;
    height: 53px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: 0;
    z-index: 3;
}

.slick-prev{
	transform: rotate(0deg);
}
.slick-prev:before,.slick-next:before {
    content: "";
    text-shadow: none;
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
     color:transparent; 
    outline: 0;
    background-image: url("../image/icon-arrow-circle.svg");
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1;
    color: #555
}

.products-grid .price-box .price, .produktliste .price-box .price {
    text-align: left;
    font: normal normal bold 24px/32px Playfair Display;
     color: #000000;
    }
    
    
    
    
    .card-action-buttons {
    	position:relativel;
    }
    .card-action-buttons button, .card-action-buttons a {
    background: #fff;
    border: none;
    position: absolute;
    right: 0;
    width: 150px;
    bottom: -7px;
    border-radius: 10px;
    padding: 10px;
    font: normal normal bold 20px/27px Playfair Display;
    color: #000000;
    box-shadow: 6px 12px 20px #d4d2c7bf;
    cursor: pointer;
    text-align: center;
}

.card-action-buttons button:hover, .card-action-buttons a:hover {
    color: #D9699A;
    box-shadow: 5px 5px 20px #D9699A33;}

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

    .card-action-buttons button {
       width: 162px;
}
}  
@media only screen and (max-width: 767px){
.products-grid .product-block {
    max-width: unset;
    width: 100%;
    margin-left:0;
    margin-right: 0;    
    
   }
}

.material-tooltip {
  
  z-index: 2000;
  background-color: transparent;
  border-radius: 6px;
  color: #fff;
  height:28px;
  line-height: 17px;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #D9699A;
  font: normal normal normal 14px/17px Proxima Nova;
   
}


.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 9999;
  width: 150px;
  
  border-radius: 6px;
  color: #fff;
  height:28px;
  line-height: 17px;
  background-color: #D9699A;
  font: normal normal normal 14px/17px Proxima Nova;
  
  padding: 6px;
}

.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #D9699A;
  padding: 5px;
  z-index: 1;
}

button.favorite:hover .tooltip-text {
  visibility: visible;
}

.tooltip-text.ttop {
  top: -40px;
  left: -50%;
}

.tooltip-text.ttop::before {
  top: 80%;
  left: 45%;
}

.tooltip-text.tbottom {
  top: 25px;
  left: -50%;
}

.tooltip-text.tbottom::before {
  top: -5%;
  left: 45%;
}

.tooltip-text.tleft {
  top: -8px;
  right: 120%;
}

.tooltip-text.tleft::before {
  top: 35%;
  left: 94%;
}

.tooltip-text.tright {
  top: 5px;
  left: 110%;
}

.tooltip-text.tright::before {
  top: 35%;
  left: -2%;
}

button.favorite {
  position: relative;
  display: inline-block;
  
}




 .material-tooltip .backdrop{
    background-color: #D9699A;
    font-size:14px;
    border-radius:6px;
}

.material-tooltip::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #192733;
  padding: 5px;
  z-index: 1;
}


h5.slick-h5, h5.slick-h5 a,.slick-h5 {
font: normal normal normal 35px/47px Playfair Display;	
color: #000000;
border-bottom: none;
    text-transform: initial;
}

.sidebar.row {
    margin-bottom: 0;
    font-size: 20px;
    color: #000000;
    line-height: 30px;
}

.sidebar .filtr-hide {
    width: 200px;
    font: normal normal normal 35px/47px Playfair Display;
    margin-bottom: 15px;
    display: block;
}
.sidebar .filtr-hide i{
    display: none;
}

.h2-razeni{font: normal normal normal 35px/47px Proxima Nova;
    color: #000000;
    border-bottom: none;
    text-transform: initial;
    margin-bottom: 16px;}
.sidebar .chip {
	    display: inline-block;
    height: 32px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    line-height: 30px;
    padding: 0 10px;
    border-radius: 16px;
    background-color: #D4D2C74D;
    margin-bottom: 5px;
    margin-right: 49px;
    
}
.chip a {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
}
.chip .close {
    cursor: pointer;
    float: right;
    font-size: 20px;
    line-height: 30px;
    padding-left: 5px;
}
.chip a i {
    color: #C5C2B2 ;
   
}


.sidebar .razeni {margin-bottom:49px;}
.sidebar .filtr-hide{
	width:150px;
}

.sidebar .ul_razeni{width: 100%;
    margin: 49px 0 0 0;
    display: inline-block;}
.sidebar .ul_razeni li{float:left;margin-right:49px;}
.sidebar .ul_razeni li a {text-decoration:underline;font-size: 20px;}
.sidebar .ul_razeni li a:hover {text-decoration:none;}




.sidebar .accordion {
float:left;
width: 260px;
border-radius: 10px;
    margin: 1px 16px 9px 0; 
    box-shadow: 1px 6px 20px #d4d2c7bf;
}

.sidebar .accordion.active{
border-radius: 10px 10px 0 0;
}
.sidebar .mobile-accordion {
        position:relative
    }
.sidebar .accordion .opener {
display: block;
   top: 5px;
   width: 100%;
    text-align: right;
}
.sidebar .accordion .opener i {
    font-size: 30px;
 
}
.sidebar .accordion h5 {
    
    height: 47px;
    max-width:200px;   
    font: normal normal normal 20px/30px Proxima Nova;
    margin: 0;
    padding: 10px 20px;
   }
   
.sidebar .accordion.active .block-content {
    display: block!important;
    position: absolute;
    background: white;
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 6px 20px #d4d2c7bf;
    border-radius: 0 0 10px 10px;
    border-top:1px solid #d4d2c7bf;
}

.sidebar .accordion ul {
margin:10px 20px 0 20px;

}
.sidebar .accordion li{
height: 47px;
    
    background-size: 27px;
    background-repeat: no-repeat;
}

.sidebar .accordion li a{
    font: normal normal normal 20px/30px Proxima Nova;
    padding-left: 43px;    
}
.sidebar .accordion li a:hover{
color:#D9699A;
}


._stribrne{background: url("../img/filtr/Rectangle 975.jpg");}
.cire{background: url("../img/filtr/Rectangle 977.jpg");}
._bile{background: url("../img/filtr/Rectangle 985.jpg");}
.bronzove{background: url("../img/filtr/Rectangle 979.jpg");}
.fialove{background: url("../img/filtr/Rectangle 982.jpg");}
.modre{background: url("../img/filtr/Rectangle 988.jpg");}
.cerne{}
._cervene{background: url("../img/filtr/Rectangle 983.jpg");}
.zelene{background: url("../img/filtr/Rectangle 984.jpg");}
._ruzove{background: url("../img/filtr/Rectangle 989.jpg");}
._zlate{background: url("../img/filtr/Rectangle 984.jpg");}
.perletove{background: url("../img/filtr/Rectangle 980.jpg");}
.hnede{background: url("../img/filtr/Rectangle 986.jpg");}
.bezove{background: url("../img/filtr/Rectangle 979.jpg");}
.ocelove{background: url("../img/filtr/Rectangle 978.jpg");}
.champagne{}
.tyrkysove{background: url("../img/filtr/Rectangle 981.jpg");}
.svetle-ruzove{background: url("../img/filtr/Rectangle 989.jpg");}
.rubinove{background: url("../img/filtr/Mask Group 144.jpg");}
._zlute{background: url("../img/filtr/Rectangle 987.jpg");}
.levandulove{background: url("../img/filtr/Rectangle 982.jpg");}
.jantarove{background: url("../img/filtr/Rectangle 990.jpg");}
.multicolor{}
.oranzove{}
.svetle-zelene{background: url("../img/filtr/Rectangle 984.jpg");}
.svetle-modra-ve{background: url("../img/filtr/Rectangle 988.jpg");}





.s-kaminkem{}
.srdce{background: url("../img/filtr/Icon feather-heart.svg");}
.flora{}
.ostatni{}
.fauna{}
.hvezda{background: url("../img/filtr/Icon feather-star.svg");}
.krizek{}
.flora{}
.abeceda{}
.kruhy{background: url("../img/filtr/Ellipse 59.svg");}
.oval{background: url("../img/filtr/Ellipse 58.svg");}
.visaci{}

.stribrne{background: url("../img/filtr/Mask Group 155.jpg");}
.diamantove{}
.ze-zluteho-zlata-18ct{background: url("../img/filtr/Mask Group 154.jpg");}
.krystaly{background: url("../img/filtr/Mask Group 157.jpg");}
.mosazne{background: url("../img/filtr/Mask Group 148.jpg");}
.synteticke-kameny{}
.zirkony{background: url("../img/filtr/Mask Group 153.jpg");}
.perletove{}
.z-chirurgicke-oceli{background: url("../img/filtr/Mask Group 155.jpg");}
.sklenene{}
.avanturin{background: url("../img/filtr/Mask Group 149.jpg");}
.topaz{background: url("../img/filtr/Mask Group 150.jpg");}
.ruzenin{}
.ametyst{background: url("../img/filtr/Mask Group 143.jpg");}
.granat{background: url("../img/filtr/Mask Group 151.jpg");}
.mesicni-kamen{background: url("../img/filtr/Mask Group 153.jpg");}
.peridot{background: url("../img/filtr/Mask Group 156.jpg");}
.tygri-oko{}
.achat{background: url("../img/filtr/Mask Group 145.jpg");}
.smaragd{}
.karneol{background: url("../img/filtr/Mask Group 144.jpg");}
.citrin{background: url("../img/filtr/Mask Group 146.jpg");}
.kremen{background: url("../img/filtr/Mask Group 147.jpg");}
.adventurine{background: url("../img/filtr/Mask Group 149.jpg");}
.obecny-kov{background: url("../img/filtr/Rectangle 977.jpg");}
.z-ruzoveho-zlata{}
._bronz{}
.perlove{}
.malachit{}



#strankovani {
    margin: 70px 0 0 0;
    line-height: 30px;}
  #strankovani ul{
    display: block;}
    
#strankovani .bgn.active, #strankovani .bgn:hover {
    background: #F7F6F4;
}
#strankovani .bgn {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 10px;
    border: 1px solid #D4D2C7;
    border-radius: 24px;
    background: #ffffff;
    background-clip: padding-box;
    text-align: center;
    width: 43px;
    cursor: pointer;
    position: relative;
    height: 43px;
}

#strankovani .bgn a, #strankovani .bgn span {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
   font:normal normal normal 20px/43px Proxima Nova;
color: #6B6B6B;
}

#strankovani .bgn.bgn_next, #strankovani .bgn.bgn_prev {
    background: #F7F6F4;
    padding:0 10px;
    }




@media only screen and (max-width: 767px){
.sidebar.row{padding: 0 10px;}	
.sidebar .filtr-content-side{
	margin:10px 0;
	background:#F6F6F4;}
	
.sidebar .accordion {
width:100%;
max-width:390px;
margin: 10px 16px 0 0;
}
.sidebar .accordion.active .block-content {
    display: block!important;
    position: relative;
}
.sidebar .accordion .block-content {
    margin-bottom: 0;
}

.sidebar .filtr-hide {
    width: 136px;
    border-radius: 10px;
    padding: 0 20px;
    font: normal normal bold 18px/22px Proxima Nova, Semibold;
    color: #000000;
    box-shadow: 6px 12px 20px #d4d2c7bf;
    cursor: pointer;
    height: 40px;
    line-height: 42px;
}
.sidebar .filtr-hide i{
    margin-left: 10px;
    display: initial;
    top: 5px;
    position: relative;
}

.sidebar .razeni {
    margin-bottom: 10px;
}
.sidebar .ul_razeni {
    margin: 0 0 0 0;
 }
 
 
 .sidebar .ul_razeni li {
    margin-right: 15px;
}
.sidebar .ul_razeni li a {
    text-decoration: underline;
    font-size: 14px;
}
.sidebar div span {
    margin: 0px;
    display: inherit;
}
.sidebar .chip {
    margin-bottom: 5px;
    margin-top: 15px;
    margin-left: 0;
    margin-right: 20px;
}
.sidebar .chip a{
    font-size: 18px;
    line-height: 30px;
}
}
.emo {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    column-gap: 17px;
    position: relative;   
    justify-content: center;
   }
 .emo .cols {
    box-shadow: 5px 5px 20px #d4d2c7bf;
    border-radius: 0 0 10px 10px;
    height: 300px;
    max-width: 219px;
    position:relative;
    overflow: hidden;  
     
}
 .emo .picture { 
    position: relative;
    overflow: hidden;   
     height:220px;
 }
 
.emo img {
    width: 110%;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
     border-radius: 10px;

}

.col_name {
    text-align: center;
    border-top: 1px solid #d4d2c7;
    margin: 20px 5px 0 5px;
    padding: 11px 0 0 0;
   }
.emo .col_name a{   
   font: normal normal normal 24px/32px Playfair Display;
   }
.emo .cols:hover > .col_name a{
    color:#D9699A;
   }
.emo .cols:hover{
	top:-10px;
	transition: box-shadow .2s;
}


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

   .emo {   
    column-gap: 4px;
}
.emo .cols {
	box-shadow: 0 0 4px #d4d2c7bf;
    flex: 1 1 48%;
    max-width:182px;
    height:244px;
}
.emo .picture { 
	height:179px;
}

.emo .cols:hover{
	top:0;
	transition: box-shadow .0s;
}
.emo .col_name {
	border:0;
	border-top: 1px solid #d4d2c7;
    text-align: center;
    margin: 10px 20px;
   }
   
.emo .col_name a{   
   font: normal normal normal 20px/27px Playfair Display; 
width:100%;
}
   
}



.group_newsletter, .group_ucet{
    margin: 13px 0 18px 0;
    border: 1px solid #D4D2C7;
    border-radius: 10px;
    padding: 34px 40px 0 40px;
    height: 236px;
    position: relative;
}
.group_newsletter{
background: transparent linear-gradient(75deg, #F7F6F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.group_newsletter .g_container{
   background-image: url(../img/group_newsletter.webp);
    position: absolute;
    right: 20px;
    top: -46px;
    height: 301px;
    width: 286px;
    background-repeat: no-repeat;
    background-size: auto 333px;
    /* background: transparent linear-gradient(75deg, #F7F6F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; */
 

}
.group_newsletter h5,.group_ucet h5{
padding:0;
margin-bottom:0!important;
font: normal normal normal 40px/53px Playfair Display;
letter-spacing: 0px;
color: #828282;
}

.group_newsletter p, .group_ucet p{
max-width: 320px;
padding:0;
margin:8px 0 0 0;
font: normal normal normal 18px/22px Proxima Nova;
letter-spacing: 0px;
color: #000000;}

.group_ucet h5{
color: #D9699A;	
}

 .group_ucet p a{
font: normal normal normal 18px/22px Proxima Nova;
color: #000000;text-decoration:underline;}

.group_ucet p a:hover{text-decoration:none;}

#newsletter {
    position: inherit;
    left: 0;
    width: auto;
    margin: 14px 0 0 0;
}
#newsletter input {
	margin:0 0 0 0;
	width: 317px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #D4D4D4;
border-radius: 10px;
	padding:0 10px 0 10px;
	color:#000000;	
	position: relative;
    top: -1px;
}
	}	
#newsletter input:hover{}
	
#newsletter button {
width: 121px;
height: 47px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 20px #D4D2C7BF;
border-radius: 10px;
font: normal normal bold 18px/27px Playfair Display;
color: #000000;
    position: initial;
    cursor: pointer;
    float: none;	
	}
#newsletter button:hover {	
	color:#D9699A;
	box-shadow: 5px 5px 20px #D9699A33;
	}
	
   .group_ucet .g_container {
    background-image: url("../img/group_ucet.webp");
    position: absolute;
    right: 20px;
    top: -15px;
    height: 301px;
    width: 286px;
    background-repeat: no-repeat;
    background-size: auto 268px;
    /* background: transparent linear-gradient(75deg, #F7F6F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; */
}

.group_ucet .clubtl a {
    width: 162px;
    height: 47px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font: normal normal bold 18px / 42px Playfair Display;
}

 .group_ucet .clubtl a { text-decoration: underline;opacity: .5;}
 .group_ucet .clubtl a.user-login,
 .group_ucet .clubtl a:hover { text-decoration: none;}

 .group_ucet .clubtl {margin: 14px 0 0 0;}

 .group_ucet .clubtl a.user-login {
    background: #D9699A 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 20px #3E031D1A;
border-radius: 10px;
color: #ffffff!important;
opacity: 1;
font: normal normal bold 18px / 42px Playfair Display;}

 .group_ucet .clubtl a.user-login:hover { background: #ED5497;}



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

.break {
            display: block;
        }



.group_newsletter, .group_ucet {
	height:320px;
padding: 44px 10px 0 30px;
}

.group_newsletter .g_container {
    right: -20px;
    top: -37px;
    height: 169px;
    width: 154px;
    background-size: auto 100%;
    z-index: 1;
}
.group_ucet .g_container {
    right: -11px;
    top: -15px;
    height: 172px;
    width: 154px;
    background-size: auto 100%;
    z-index: 1;
}
.group_newsletter h5, .group_ucet h5 {
    font: normal normal normal 30px/40px Playfair Display;
    position: relative;
    z-index: 1;
    border-bottom:0;
   }
.group_newsletter p, .group_ucet p {
    position: relative;
    z-index: 1;
    font: normal normal normal 16px/22px Proxima Nova;
    padding: 0;
    margin: 27px 0 0 0;
   }
    .group_ucet p a{
    font: normal normal normal 16px/22px Proxima Nova;
    }
 #newsletter input {
    height: 40px;
    width: 169px;
    }
    #newsletter button {
    width: 100px;
    height: 40px;}
    
    .group_ucet .clubtl a {
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 38px;
}  
}



.card_hp {width: 100%;
    height: auto;}
    
.card_hp_content{
	overflow: hidden; 
	border-radius: 10px;
	width: 100%;
    height: auto;
    position: relative;
    }
.card_hp_content img{border-radius: 10px;}
    
 .card_hp_text{    
    position: absolute;
    left: 38px;
    bottom:63px;
     font: normal normal bold 50px/67px Playfair Display;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 8px 10px #00000026;
   }


  .card_hp_text span{
   display: inherit;
   font: normal normal normal 20px/30px Proxima Nova;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: none;
   }
   
  
  a.card_btn {
 	width: 164px;
    height: 39px;
    background: rgba(255, 255, 255, .3);
    border-radius: 10px;
    font: normal normal bold 20px/35px Playfair Display;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    margin-top: 19px;
    text-shadow: none;
    border: 1px solid transparent;
}
 a.card_btn:hover {
  background:none;
border: 1px solid rgba(255, 255, 255, .3);
}
.dark .card_hp_text,
.dark .card_hp_text span,
.dark a.card_btn{
    color: #333333;
   }
.dark a.card_btn{
border: 1px solid #9F9B88;
color:9F9B88;
}

.dark .card_hp_text{
/*	top: 45%;
    -ms-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    bottom: 45%;
*/    
}


@media only screen and (max-width: 767px){
.card_hp_text {
    font: normal normal bold 35px/47px Playfair Display;}
.dark .card_hp_text {
    bottom: 14%;
}

a.card_btn {
    width: 121px;
    font: normal normal bold 18px/35px Playfair Display;
}


   }
   







.footer_mask_boxy{display: flex;
    flex-wrap: wrap;
    margin-top:67px;
    margin-bottom:88px;
    
}



.footer_mask_boxy div {
    flex: 1 1 15%;
    margin-right: 16px;
    position: relative;
    max-width:260px;
    height:300px;
        text-align: center;
}

.footer_mask_boxy div:last-of-type {
    margin-right: 0
}
.footer_mask_boxy div img{
    max-width:242px;
    }

.footer_mask_boxy div span {
   position: absolute;
    -ms-transform: translateY(-50%) translateX(50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(50%);
    right: 50%;
    top: 43%;
    text-align: center;
    width: 100%; height: 69px;
    font: normal normal normal 35px/47px Playfair Display;
    color: #0000000;
}
.footer_mask_boxy div span.w {
    color: #ffffff;
}



.footer_mask_boxy a{
text-decoration: underline;
font: normal normal normal 18px/22px Proxima Nova;
letter-spacing: 0px;
text-align: center;
color: #000000;
display:block;
height:41px;
margin-top:17px;}



@media only screen and (max-width: 999px) {
    .footer_mask_boxy div {
        flex:1 1 30%
    }

    .footer_mask_boxy div:nth-last-child(3n+1) {
        margin-right: 0
    }

    .footer_mask_boxy div span {


    }
}


@media only screen and (max-width: 450px) {
    .footer_mask_boxy {
     margin-top: 57px;
     margin-bottom: 60px;
}
.footer_mask_boxy div {
        flex:1 1 49%;
        margin-right: 6px;
        max-width:186px;
        height:230px;
    }
.footer_mask_boxy div img {
    max-width: 160px;
}

.footer_mask_boxy div span {
    top: 34%;
    height: 40px;
    font: normal normal normal 25px/40px Playfair Display;
   }
   .footer_mask_boxy div a {
   height: 36px;
    margin-top: 15px;
   }
    .footer_mask_boxy div:nth-last-child(3n+1) {
    	margin-right: 0;        
    }

    .footer_mask_boxy div:nth-last-child(2n+1) {
        margin-right: 0
    }

    
}




.voucher-container{
	height: 331px;
    background-image: url(../image/voucher_bottom.png);
    background-size: 360px auto;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.voucher-container-text {
    height: 162px;
    background: #D4D2C7;
    position: relative;
    top: 169px;
    z-index: -1;
}
.voucher-text{height:159px;
text-align: center;
font: normal normal normal 35px/47px Playfair Display;
letter-spacing: 0px;
color: #6E6844;
padding-top:42px;
width:100%;
position:relative;
bottom:0;
}
.voucher-text span{
	text-decoration: underline;
font: normal normal normal 20px/30px Proxima Nova;
color: #6E6844;
display: block;
}

.voucher-text span:hover {text-decoration: none;}


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

.voucher-container{height:197px;
background-size:160px 100px;}
.voucher-container-text{
   height: 123px;
    top: 74px;
   }
.voucher-text{height:115px;
padding-top: 0px;
font: normal normal normal 25px/33px Playfair Display;
}
.voucher-text span{	
font: normal normal normal 16px/30px Proxima Nova;
}
}

#modal {
    max-width: 480px;
    margin: 0 auto;
}
.modal {
    background: transparent;
    box-shadow: none;
    
   }
   
.modal .modal-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}
.modal .modal-close i{
    color: #8E8C81;
}   
 
.modal .modal-content {
    padding: 0;
}
.modal-content {
    border: none;
    background: transparent;
    max-width: 480px;
    margin: 0 auto;
    background: transparent;
    padding: 52px;
}

#block-not {
    
    background: #FFFFFF;
    border-radius: 10px;
}

#modal.modal { 
	width:480px!Important;
max-width:480px;}


	
.block-not{
	 border-radius: 10px;
	padding: 49px 55px;
	  background: white;
	max-height: 600px;
	}
.modal-content .block-not h5.slick-h5{
    width: 250px;    
    margin: 0 auto 20px auto;
    }

.modal-content .block-not p{
font: normal normal normal 20px/30px Proxima Nova;
}



#reg_ucet{background: #F6F6F4 0% 0% no-repeat padding-box;
border-radius: 10px;
padding:45px 50px;}
#reg_ucet h1{margin:0 0 20px 0; display: block;}
#reg_ucet h3{
	margin: 0 0 25px 0;
font: normal normal normal 35px/47px Playfair Display;
}
#reg_ucet p{  margin: 0 0 15px 0;
}
#reg_ucet label {
    font: normal normal normal 20px/30px Proxima Nova;
    letter-spacing: 0px;
    color: #000000;
}
#reg_ucet input[type=text]:not(.browser-default),#reg_ucet input[type=password]:not(.browser-default) {
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    background: #ffffff;
    padding-left: 5px;
    margin-bottom: 15px;
    height: 46px;
}

#reg_ucet button.btn {
    width: 167px;
    height: 47px;
    background: #B4FFDF 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 20px #D4D2C7BF;
    border-radius: 10px;
    text-align: center;
    font: normal normal bold 20px/27px Playfair Display;
    letter-spacing: 0px;
    color: #000000;
    padding: 11px 0;
    text-transform: inherit;
    margin: 15px 0 30px 0;
}

#reg_ucet a.switch-context-link {
    color: #000000;
    text-align: right;
}
#reg_ucet .switch-context-link {
    font: normal normal normal 20px/30px Proxima Nova;    
}

.user-strom a {text-decoration: underline;
font: normal normal normal 20px/30px Proxima Nova;
letter-spacing: 0px;
color: #000000!important;
margin-right:77px;
text-transform: uppercase;}

.dialog-box.red-text p{color:red;}



	
#faq.collapsible {
    margin: 47px 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#faq.collapsible li{
    min-height: 82px;
}

#faq .collapsible-header,
#faq .collapsible-header.active {
	 padding: 10px 0!important;
	 border: 0;
 }

#faq p {padding: 0 0 0 47px;}
#faq .collapsible-header p {
text-align: left;
font: normal normal normal 24px/32px Playfair Display;
}
#faq .collapsible-body{
 border: 0;
 padding: 0px 20px 40px;
 }
#faq .collapsible-body p {
max-width: 904px;
min-height: 55px;
font-weight: 400;
text-align: left;
font: normal normal normal 20px/30px Proxima Nova;
}



#faq .material-icons {
   line-height: 32px;
   font-weight: 600;
    font-size: 20px;
}


/*footer*/
#site-footer .footer-body {
    padding-top: 131px;
    }
    
 #site-footer .footer-body a:hover {text-decoration:underline;   }
    
.footer-body {
    background: #000000CC;
    position: relative;	
    }
	
	a.scrollup {
    display:block;
    position: relative;
    top: -59px;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background-image: url(../image/component20-4.svg);
    background-repeat: no-repeat;
    transform: rotate(270deg);
    float: none;
    background-color: transparent;    
}
	.footer_logo img {
    position: relative;
    top: 45px;
    width: 260px;
    height: 36px;
    left: calc(100% - 156px);
}
	
footer h5 {
    font-size: 20px;
   line-height:26px;
    font-weight: normal;
    letter-spacing: 0px;
	text-transform: uppercase;color: #D4D2C7;
    margin:0;
   	
	margin-bottom:39px!important;
}

.accordion .opener {
    position: absolute;
    z-index: 1;
    right: 0;
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 16px;
    }
.accordion .opener i{
font-size: 20px;
color:#D4D2C7;
}

.accordion.active .block-content {    display: block;}
.accordion .block-content {
    margin-bottom: 30px;
}

.accordion.active .opener i {
    transform: rotate(180deg);}

/*#site-footer a.footer_logo{height:36px;}*/
#site-footer ul{padding:0;margin:0;}
footer ul li {
    line-height: 24px;
    font-size:18px;
    letter-spacing: 0px;
	color: #D4D2C7;

    
}

#site-footer  ul li a{
    line-height: 21px;
    font-size:16px;
    line-height: 36px;
}

 #site-footer .kontakt .s5 ul {
    /*padding-top: 30px;*/    
    }
    
#site-footer .kontakt ul li a{
    line-height: 24px;
    font-size: 18px;}

#site-footer .uziti .col{margin:0; padding:0;}

#site-footer {
    position: relative;
   }


.footer-body a.footer_logo {
    position: absolute;
     left: 40px; 
    top: 90px;    
}


#site-footer ul li a, #site-footer ul li a:hover{
   
letter-spacing: 0px;
color: #D4D2C7;
}
	.footer-body a.overeno{
		width:99px;
		margin-right:39px;
	}
	.footer-body a.overeno img{
		width:99px;		
	}
	.footer-body a.mall{
		height:99px;
		margin-right:66px;
	}
	.footer-body a.mall img{
		width:100%;
		
	}
	.footer-body a.si{
		margin-right:47px;
	}
	
.footer-body a.si.facebook {
    background-image: url("../image/icon-simple-facebook.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

      
	.footer-body a.si .fa{
		font-size:48px;color:#d4d2c7;
	}

.footer-body a.si:hover {
    opacity:.5
}
    
 @media only screen and (max-width: 767px){
 	
 	#site-footer .footer-body {
    padding-top: 40px;
     padding-bottom: 40px;
}
 	
 	a.scrollup {
    top: -15px;
    width: 25px;
    height: 25px;
    background-size:25px;
    right:auto; 
    background-color: transparent;}

 .footer-body a.footer_logo {
   top: unset;
    bottom: 0;
    left:50%;
    left: 50%;
    transform: translateY(0) translateX(-50%);
}
.footer_logo img {
    position: initial;
    top: 200px;}

.accordion .opener {
    display: block;
}
footer h5 {
    margin-bottom: 14px!important;
    border-bottom: 1px solid;
    padding-bottom: 15px;
font-size: 18px;
    line-height: 24px;
       }
   
.accordion.kontakt h5{
	border-bottom: none;
	padding-bottom: 0;
  }
.accordion.kontakt .opener{
	display:none;
  }

#site-footer .kontakt ul li, #site-footer .kontakt ul li a {
    line-height: 20px;
    font-size: 15px;
    font-family: 'Proxima Nova';
}

 
    
   .footer-body a.overeno{
		width:42px;
		margin-right:16px;
	}
	.footer-body a.overeno img{
   		 width:42px;		
	}
	.footer-body a.mall{
		height:40px;
		margin-right:18px;
	}
	.footer-body a.mall img{
		width:110px;
		
	}
    .footer-body a.si{
		margin-left:13px;
	margin-right: 0;
		float:right;
	}
	
	.footer-body a.si .fa{
		font-size:21px;color:#d4d2c7;
	}

.footer-body a.si.facebook {
    width: 21px;
    height: 21px;
    background-size: 21px;
   }
   }
   
.no_va{width: 18px;    position: relative;    top: 3px;    left: 5px;}
.no_va1{width: 30px;    position: relative;    top: 7px;    left: -20px;}
.no_va2{width: 30px;    position: relative;    top: 7px;    left: 5px;}
.no_va3 {width: 21px;  position: relative;    top: 3px;    left: 5px;
}