/* TEMPLATE CSS
*********************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,300;1,400;1,500;1,900&display=swap');
* {
    box-sizing: border-box;
    margin: 0;
	padding: 0;
}
html{
    height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
html{

    

}

html,
body {
    padding: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
}
body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width:100%;
	margin:0 auto;
    background-color: rgb(255, 255, 255);
}

.wrap{
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrap:after{
content: '';
clear: both;
}
/*************************************HEADER***************************/
.null{
    display: none;
}

.headerline{
        width: 91%;
        height: 2vw;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        /*justify-content: flex-end;*/
        /*background-color: #ffffff;*/
    }

.header-soc{
    display: flex;
    opacity: 0;
}
.header-tel{
    display: flex;
    align-items: center;
}
.headerline img{
    margin: 0 0.3vw 0 0.5vw;
    height: calc(0.5vw + 0.5vh + 0.2vmin);
}

/*******************************************first-content*********************************************/
.first-content{
    display: flex;
    overflow: hidden;    
    flex-direction: column;
    width: 100%;
    height: calc(15vw + 18vh + 5vmin);
    /*height: calc(50vmin - 250px);*/
    background-image: url(../images/back02.jpg);
    /*background-size: contain;*/
    /*background-size: 23%;*/
    /*background-position: right;
    height: 25vw;
     flex-direction: column;	
    */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color:rgba(232, 232, 232, 1);
}
.first-content-cell{
    display: flex;
    align-items: center;
    flex-direction: column;	
    justify-content: center;
	/*margin-bottom: 3%;*/
}
.first-body{
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: center;
    margin-top: 2%;
	height: calc(10vw + 10vh + 3vmin);
  /*margin-top: calc(1vw + 2vh + 0.5vmin);
  /*margin-top: 3.5vw;*/
  /*margin-top: calc(1vh + 1vw + 0.5vmin);*/
  /*height: inherit;*/
}
.first-content:before, .first-content:after{
    content: none;
    /*margin-top: 10%;*/
}
.first-text{
    display:flex;
    text-transform:uppercase;
    flex-direction: column;	
    
}
#mod-custom127{
	display: flex;
    width: auto;
	
}
.feeling{
     display: flex;
	 flex-direction: column;
	 height:auto;
	 margin-left: calc(1vw + 1vh + 0.5vmin);
     /*flex-direction: column;**/
     
     /*margin-top: calc(1vw + 1vh + 0.5vmin);*/
 }
 .feeling-text h2{
    font-weight: 400;
    font-size:calc(1.5vw + 2vh + 1vmin);
 }
.feeling-logo{ 
    display: flex;
    flex-direction: row;
    justify-content: space-between;	
}
    
.feeling-logo img{
    width: auto;
    height: calc(2vw + 2vh + 0.5vmin);
}

.feeling h2{
    font-style: italic;    
    /*line-height: 100%;*/

}
.first-body,h1,h2,h3,h4{
    line-height: 100%
}
/**************************Top moduless***************/
.productu-all{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
}
.productu-all h4{
    line-height: 130%;
}
.productu-column{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}
.productu-img{
    display: flex;
    margin-right: 10%;
}
.productu-img img{
    height: calc(10vw + 5vh + 5vmin);
    margin-right: 2%;
    /*margin-left: 7%;*/
}
.productu-text{
   display: flex;
    flex-direction: column;
    text-align: justify;
    /*border-bottom: 1px solid #bdbdbd;*/
    margin-top: 1%;
    padding-top: 2%;
    white-space: pre-line;
    /*border-bottom: 1px solid #bdbdbd;*/
}
.productu-text h3{
    text-transform: uppercase;
    letter-spacing: 150%;
    line-height: 150%;
    }
.productu-text h4{
    
    }
.productu-text img{
    border: 0.5vw solid #ccc;
    background-color: #ccc;
    border-radius: 2vw;
    height: calc(15vw + 10vh + 5vmin);
    margin-bottom: 5%;
}
.productu-icon{
    display: flex;
    align-self: flex-end;
    flex-direction: column;
    margin-left: 5%;
}
.productu-icon img{
    height: calc(2vw + 5vh + 5vmin);
}
.productu-icon a{
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: calc(0.5vw + 0.5vh + 0.3vmin);
}
.productu-icon a:hover{
    opacity: 0.5;
}
.productu-text a{
    font-size: calc(0.8vw + 0.5vh + 0.3vmin);
}
.productu-text a:hover{
    color: #bbd45b;
    opacity: 0.5;
}
.productu-text ul{
    display: flex;
    flex-direction: column;
}
.productu-text ul li{
    list-style: disc outside;
}
/*************************************Content*****************************************/
.component{
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: rgb(255, 255, 255);
    background-image: url(../images/chim-back-leftw.jpg), url(../images/chim-back-rightw.jpg);
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;
}
.com-content-article__body, .item-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; 
    padding-bottom: 3%;
}
.com-content-article, .item-page{
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-all{ 
    display: flex;
    height: auto;
    flex-direction: column;
    margin-top: 5%;
    text-align: justify;
    width: 45%;
}
.content-all a{ 
    color: rgb(125, 156, 89);
    font-size: 0.8em;
}
.content-all a:hover{
    color: rgb(150, 150, 150);
}

.content-colls{
    /*width: 60%;*/
}
.content-img{
    display: flex;
    width: 45%;
    padding: 0;
    margin: 0;
}
.content-img img{
/*width: 80%;*/
height: calc(25vw + 4vh + 5vmin);
width: auto;
}
.item-page h4{
    line-height: 130%
}
.content-decor, .content-decor h4, .content-decor img{
    display: flex;
}
.content-decor{
    flex-direction: row;
}
.content-decor h3{
    font-style: italic;
}
.content-decor img{
    height: calc(6vw + 4vh + 2vmin);
    margin-left: 2vw;
}
/******************************Content items************************/
.technology-all{
    display: flex;
    width: 90vw;
    justify-content: center;
    align-items: flex-start;
    margin-top: 5vw;
}
.technology-all h2{
    text-transform: uppercase;
}
.technology-text{
    display: flex;
    flex-direction: column;
    text-align: justify;
    backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
}
.technology-text ul{
    display: flex;
}
.technology-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10vw;
}
.technology-img img{
    height: 20vw;
    width: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
}
.technology-img h2{
    display: flex;
    line-height: 120%;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.lists-classics{
    flex-direction: column;
    margin-left: 3vh;
}
.lists-classics li{
    margin: 0 0 0.3vw 3vw;
    list-style: disc outside;
    line-height: 120%;
    text-align: left; 
}
.technology-text blockquote{
    display: flex;
    flex-direction: column;
    margin: 0 0 2vw 0;
    text-align:justify;
    backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
}
.menu-kremen{
    display: flex;
    list-style: none;
    text-align: left;
    flex-direction: column;
    color: rgba(107,135,77,1);
}
.menu-lists{
    margin-left: 3vh;
    margin-bottom: 1vw;
    margin-top: 1vw;
    list-style: disc outside;
  }
  .menu-kremen a{
    font-weight: 500;
    color: rgba(107,135,77,1);
  }
  .menu-kremen a:hover{
    color: #ccc;
  }
/*******************************************aftercontent**************************/
.aftercontent{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-self: center;
    background-color:rgba(232, 232, 232, 1);
    background-image: url(../images/grey-back-leftw.jpg), url(../images/grey-back-rightw.jpg);
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;
}
.after-all{
    display: flex;
    width: 95%;
    align-items: center;
    margin: 3% 0 3% 0;
    justify-content: space-between;
}
.after-text{
    display: inline-flex;
    flex-direction: column;
    width: 45%;
    color: rgb(150, 150, 150);
}
.after-text a:hover{
    color: rgb(107,135,77);
}
.after-text h3{
    text-transform: uppercase;
    font-weight: bold;
}
.after-img-v{ 
  display: flex;
  height: calc(12vw + 10vh + 5vmin);
  margin-left: 1vw;
}
.after-img-h{
    display: none;
}
.aftercontent #mod-custom130, .aftercontent #mod-custom140{
    width: 80%;
    display: flex;
    justify-content: space-evenly;
}
.aftercontent #mod-custom140{

}
/********************************Sociallink******************/
.sociallink{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 5%;
    background-color: rgb(255, 255, 255);
    background-image: url(../images/chim-back-leftw.jpg), url(../images/chim-back-rightw.jpg);
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;
}
#mod-custom154{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;

}
.certificate{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 95vw;
}
.certificate img{
    height: 45vh;
    margin-top: 8%;
    margin-bottom: 8%;
}
.certificate p{
    display: flex;
}
.certificate a:hover{
    opacity: 0.7;
}
.organik-logo{
    display: flex;
    align-items: center;
    width: 90%;
}
.organik-logo img{
    height: 10vw;
    margin-right: 5vw;
}
/*****************************************aftersidebar***************************************/
.aftersidebar:before{
clear:both;
}
.aftersidebar{
position:relative;

}
/******************************************footer*********************************************/
.site-footer{
flex: 0 0 auto;
height: calc(7vw + 7vh + 5vmin);
display: flex;
justify-content: center;
background-color: rgb(107,135,77);
}
.footer-all{
display: flex;
margin-top: 2vw;
justify-content: flex-start;
background-color: rgb(107,135,77);
}
.footer-all a, .footer-all h4, .footer-all h6{
    color: white;
}
.footer-all img{
    height: calc(0.3vw + 0.5vh + 0.3vmin);
    margin-right: 2%;
}
.footer-coll01{
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-right: 5vw;
}
.footer-coll02, .footer-coll03, .footer-coll04{
    margin-right: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.footer-coll03 a{
    font-size: calc(0.3vw + 0.5vh + 0.3vmin);
}
.footer-soc{
    opacity: 0;
}
.footer-coll02 h6, .footer-coll03 h6, .footer-coll04 h6{
    line-height: 150%;
}
/**********************************************************/
.youtube-all{
    display: flex;
    width: 840px;
    margin: 5% 0 5% 20%;
justify-content: space-between;
}
.youtube-m iframe{
    border:5px solid rgb(179,210,54);
    outline: 10px solid rgb(107,135,77);
    border-radius: 20px;
}

/******************************************CLEAR-FIX********************************************/
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}

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

.mobile-nav{
    
}

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