@font-face {
font-family: 'black1';
	font-display: fallback;
	src: url('fonts/Panton-BlackCaps.woff') format('woff');}
	@font-face {
font-family: 'blackItalic';
	font-display: fallback;
	src: url('fonts/Panton-BlackitalicCaps.woff') format('woff');}
	
	@font-face {
font-family: 'boldItalic';
	font-display: fallback;
	src: url('fonts/Panton-BoldItalic.woff') format('woff');}
	
	@font-face {
font-family: 'regular';
	font-display: fallback;
	src: url('fonts/Panton-Regular.woff') format('woff');}


body, html {
     display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
    height: 100vh;
    overflow-y: scroll;
    margin:0;
    overflow-x:hidden !important;
    font-family: 'regular', sans-serif;
}
p, li {
    color:#666 !important;
    font-family: 'regular', sans-serif !important;
    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (2000 - 320)));
    line-height: calc(17px + (28 - 17) * ((100vw - 320px) / (2000 - 320)));;
}

h1 {
    color:#BD78A9 !important;
    font-family: 'blackItalic', sans-serif !important;
    font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (2000 - 320)));
    line-height: calc(25px + (45 - 25) * ((100vw - 320px) / (2000 - 320)));

    
}
h2 {
    color:#BD78A9 !important;
    font-family: 'blackItalic', sans-serif !important;
    font-size: calc(13px + (28 - 13) * ((100vw - 320px) / (2000 - 320)));
    line-height: calc(20px + (40 - 20) * ((100vw - 320px) / (2000 - 320)));;

    
}

.hungarian h1, .hungarian h2, .hungarian h3 {
	
    font-family: 'boldItalic', sans-serif !important;
	text-transform: uppercase !important
}

.hungarian .content_medicinal h1 {
	 font-family: 'blackItalic', sans-serif !important;
}


 sub span {
        line-height:12px !important;
    font-family: 'regular', sans-serif;
        color:#666;
       
    }   .folderp {
         padding-top:25px !important
    }
@media (min-width:2000px) {
    p {
       font-size: 18px !important;
    line-height: 28px !important;
}
    
 
    h2 {
       font-size: 28px !important;
    line-height: 40px !important;

    
}
}

.clear {
    clear:both;
}

#start {
    background-image: url("images/bronchostop-family.webp");
    background-image: image-set(
    url("images/bronchostop-family.webp") 2x);
    background-size:cover;
    background-position: center top;
    top:0;
    height:100% !important;
    width:100%;
}
.section {
  position: absolute;
    width:100% !important;
    height:100%;


}


#medicinal {
    background-color:#F9F3F8 !important;
    top:100%;
    width:100%;
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    
  

}

#purely {
    background-color:transparent;
    top:200%

   
}



#howworks {
    background-color:#f8eff6;
    top:300%

  
}

#sitesofaction {
    background-color:#fff;
top:400% ;
 

}

#topicsection1 {
z-index: 100000 !important;
    background-color:#fff !important; 
height:auto !important;
top:500%;
overflow: visible !important

}



#overlay_start {
    width:100% ;
    height:100%;
    background-color:#fff;
    position: fixed;
    z-index: 1000000000 !important;
   
}

#overlay_container {
    width:450px;
    height:300px;
    position:fixed;
    left:50%;
    top:50%;
    margin-top:-150px;
    margin-left:-225px;
    font-family: 'black1', sans-serif !important;
	font-size:50px !important;
    line-height:65px;
    color:#fff;
    text-align:center;
    transform: scale(1.3);

 	
}



.hideoverlay {
         animation-name: overlayout;
	-webkit-animation-name: overlayout;	
	animation-duration: 1.0s;	
	-webkit-animation-duration: 1.0s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;
}

.nextsection {
    width:50px;
    height:50px;
    color:#fff;
    opacity:0.7;
    font-size:40px;
    position: absolute;
    bottom:20px;
    left:50%;
    margin-left:-25px;
    z-index: 10000000 !important
}

#nextsection2 {
    color:#6EA372 !important
}


#nextsection3 {
    color:#6EA372 !important
}
#nextsection4 {
    color:#fff !important
}
#nextsection5 {
    color:#BD78A9 !important
}


#overlay_container div {
    float:left;
    
}

.one {
    color:#6EA372 !important;
    animation-name: one;
	-webkit-animation-name: one;	
	animation-duration: 0.3s;	
	-webkit-animation-duration: 0.3s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
   
}



.to {
    color:#CFD0D3 !important;
    animation-name: to1;
	-webkit-animation-name: to1;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
}
.all {
     color:#CFD0D3 !important;
    
    animation-name: all1;
	-webkit-animation-name: all1;	
	animation-duration: 0.6s;	
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
}
.types {
   color:#BD78A9 !important;
font-size:60px !important;
 
       animation-name: types;
	-webkit-animation-name: types;	
	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
}
.of {
   
     color:#CFD0D3 !important;
       animation-name: of;
	-webkit-animation-name: of;	
	animation-duration: 0.8s;	
	-webkit-animation-duration: 0.8s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
}

.cough {

    color:#BD78A9 !important;
font-size:60px !important;
   animation-name: cough;
	-webkit-animation-name: cough;	
	animation-duration: 0.9s;	
	-webkit-animation-duration: 0.9s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
   
}
.romania .of, .romania .cough {
	font-size:64px !important;
	float:none !important;
    color:#BD78A9 !important;
}
.romania .all, .romania .types {
	font-size:76px !important
}
.romania .to {
	color:#6EA372 !important
}

.romania .one {
	color:#CFD0D3 !important
}
.romania .associated {
	font-size: 50px!important;
	font-family: 'black1', sans-serif !important;
}
.romania #overlay_container {
    width:550px;
	margin-left:-275px !important;
  
	
	
	display:block !important
}



.polen .of, .polen .cough {
	font-size:57.5px !important;
	float:none !important;
	color:#BD78A9 !important;
}
.polen .types {
	font-size:57.5px !important;
	color:#BD78A9 !important;
}
.polen .all {
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.polen .to{
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.polen .one {
	color:#CFD0D3 !important;
}

.polen #overlay_container {
    width:650px;
   margin-left:-325px !important;
	text-align: center !important;
	
}

.polen .associated {
	text-align:center !important;
}

.bosnia .of, .bosnia .cough {
	font-size:57.5px !important;
	float:none !important;
	color:#BD78A9 !important;
}
.bosnia .types {
	font-size:57.5px !important;
	color:#BD78A9 !important;
}
.bosnia .all {
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.bosnia .to{
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.bosnia .one {
	color:#CFD0D3 !important;
}

.bosnia #overlay_container {
    width:650px;
   margin-left:-325px !important;
	text-align: center !important;
	
}

.bosnia .associated {
	text-align:center !important;
}


.slovenia .of, .slovenia .cough {
	font-size:57.5px !important;
	float:none !important;
	color:#BD78A9 !important;
}
.slovenia .types {
	font-size:57.5px !important;
	color:#BD78A9 !important;
}
.slovenia .all {
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.slovenia .to{
	color:#CFD0D3 !important;
	font-size:57.5px !important
}

.slovenia .one {
	color:#CFD0D3 !important;
}

.slovenia #overlay_container {
    width:650px;
   margin-left:-325px !important;
	text-align: center !important;
	
}

.slovenia .associated {
	text-align:center !important;
}

.hungarian .of, .hungarian .cough {
	font-size:31.5px !important;
	float:none !important;
	color:#ddd !important;
	margin-top:-20px!important
}
.hungarian .types {
	font-size:57.5px !important;
	color:#BD78A9 !important;
}
.hungarian .all {
	color:#BD78A9 !important;
	font-size:72.5px !important;
	padding-top:20px!important
}

.hungarian .answer, .hungarian .one {
	font-size:50px !important
}

.hungarian .to{
	color:#fff !important;
	font-size:57.5px !important
}



.hungarian #overlay_container {
    width:800px;
   margin-left:-400px !important;
	text-align: center !important;line-height:50px !important
	
}

.hungarian .associated {
	text-align:center !important;
}
.estonia #overlay_container {

	text-align: center !important;
	line-height:70px !important
}

.estonia .of, .estonia .cough {
	font-size:57.5px !important;
	float:none !important;
	color:#BD78A9 !important;
	margin-top:-20px!important
}
.estonia .types {
	font-size:57.5px !important;
	color:#ddd !important;
}
.estonia .all {
	color:#ddd !important;
	font-size:57.5px !important;
	padding-top:20px!important
}

.estonia .answer, .estonia .one {
	font-size:57.5px !important
}


.albania #overlay_container {
width:600px !important;
margin-left:-300px !important;
	text-align: center !important;
	line-height:50px !important
}

.albania .of, .albania .cough {
	font-size:45px !important;
	float:none !important;
	color:#BD78A9 !important;

}
.albania .types {
	font-size:45px !important;
	color:#ddd !important;
}
.albania .all {
	color:#ddd !important;
	font-size:45px !important;
	padding-top:20px!important
}

.albania .answer, .albania .one {
	font-size:45px !important
}

.hungarian .to{
	color:#fff !important;
	font-size:57.5px !important
}


#logostart {
    width:400px;
    height:110px;
    position: fixed;
    top:35px;
    left:35px;
    z-index: 10000000 !important;
    transition:1s;
}

.logosmall {
    transform:scale(0.8);
    top:10px !important;
    left:-25px !important;
}


/*++++++NAVIGATION***********/


/*++++++VIDEOBOX***********/

#videobox {
    position: absolute;
   bottom:0;
    left:35px;
   
    visibility: hidden
}



#nitebanner {
    position: absolute;
    bottom:20px;
    left:350px;
    width:250px;
     visibility: hidden
}
/*++++++FACTS***********/

#factbox {
    position: absolute;
    bottom:200px;
    right:50px;
    width:500px !important;
   
}

#fact_alltypes {
    height:auto;
    width:33%;
    position: absolute;
    
    visibility: hidden
}

#fact_family {
    height:auto;
    width:33%;
    position: absolute;
    margin-left:31%;
        visibility: hidden
}

#fact_herbal {
    height:auto;
    width:33%;
    position: absolute;
    margin-left:62%;
        visibility: hidden
}

.hinweisfacts {
    right:10px !important;
    color:#fff !important;
    bottom:10px !important;
    position: absolute;
        visibility: hidden;
    font-size:12px !important;
}


/*++++++MEDICINAL***********/

#elipse {
visibility: hidden;
    height:110%;
    width:110%;
    margin-top:-5%;
    margin-left:-5%;
}



#medicinal .content_medicinal {
    position:absolute;
    top:4%;
    width:60%;
    right:4%;
    height:96%!important;
    visibility: hidden
}


#medicinal .productfamily {
position: absolute;
    right:0;
    height:60% !important;
    bottom:2% !important;
    visibility: hidden
}

@media (max-height:800px) {
	
#medicinal .productfamily {
position: absolute;
    right:0;
    height:50% !important;
    bottom:2% !important;
    visibility: hidden
}
	
}

#medicinal .mann {
    position:absolute;
    bottom:0px !important;
    max-height:80% !important;
   max-width:40% !important;
    width:auto;
    left:0px !important;
    visibility: hidden
}


.consumerfolder:link,
.consumerfolder:visited {
    background-color:#BD78A9;
    color:#fff;
    transition:1s;
    margin-top:15px;
    padding:15px 20px 10px 20px !important;
    text-decoration: none;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
    font-weight:bold;
}

.consumerfolder:hover,
.consumerfolder:active {
    background-color:#6EA372;
    color:#fff;
    transition:1s;
    
}
.consumerfolder::after {
       font-family: 'Font Awesome 6 Pro';
	content:"\f56d";
	margin-left:15px !important;
font-weight:700;
font-size:25px}	




/**********PURELY*****************/

#purely_back {
    width:100% !important;
    height:100% !important;
}

.flascherl {
    width:15%;
    position: absolute;
    left:50%;
    margin-left:-7.5%;
    bottom:15%;
    z-index: 10000 !important;
    visibility: hidden;
}

.flascherl2 {
     width:15%;
    position: absolute;
    left:50%;
    margin-left:-7.5%;
    bottom:15%;
    z-index: 10001 !important;
        visibility: hidden;
}

    .flascherl-mobile {
        width:35% !important;
        margin-left:-17.5% !important;
        left:50%;
        height:auto !important;
        visibility: hidden;
        position: absolute;
        top:15% !important;
        z-index: 1000000 !important
    }


.himbeeren {
   position:absolute; 
    right:50% !important;
    margin-right:-12%;
    bottom:15% !important;
    z-index: 100000 !important;
    width:14%;
        visibility: hidden
}
.thyme {
    position:absolute; 
    right:50% !important;
    margin-right:-21%;
    top:40% !important;
    z-index: 1000 !important;
    width:18%;
        visibility: hidden
}
.marshmallow {
    position:absolute; 
    left:50% !important;
    width:15%;
    margin-left:-20%;
    top:37% !important;
    z-index: 1000 !important;
        visibility: hidden
}

.content_purely {
    position:absolute;
    top:15% !important;
    width:25%!important;     
    max-width:550px;
    box-sizing: border-box;
    left:5%;
    z-index: 100000 !important;
    visibility: hidden
  
}
.content_purely_marshmallow {
    position:absolute;
    bottom:10% !important;
  
     max-width:550px;
  
    box-sizing: border-box;
   width:25%!important;     
    max-width:550px;
    box-sizing: border-box;
    left:5%;
    z-index: 100000 !important;
    visibility: hidden
  
}
.content_purely_thyme {
    position:absolute;
    top:20% !important;
   width:25%!important;
    max-width:450px;
    right:5%;
   
    z-index: 100000 !important;
    visibility: hidden
  
}
.content_purely_raspberry {
    position:absolute;
    bottom:15% !important;
    width:25%!important;
    max-width:400px;
    right:5%;
    z-index: 100000 !important;
    visibility: hidden
  
}

#purely h1 {
    color:#79B308 !important;
    margin-bottom:0.5vh;
    font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (2000 - 320)));
    line-height: calc(25px + (43 - 25) * ((100vw - 320px) / (2000 - 320)));
}

#purely h2 {
    color:#79B308 !important;

    margin-bottom:0

}
#purely p {
    margin-top:0
}

.purelylink:link,
.purelylink:visited {
    background-color:#79B308;
    color:#fff;float:right;
    transition:1s;
    margin-top:15px;
    padding:11px 20px 9px 20px !important;
    text-decoration: none;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
    font-weight:bold;
}

.purelylink:hover,
.purelylink:active {
    background-color:#BD78A9;
    color:#fff;
    transition:1s;
    
}

@media (max-height:750px) {
    .flascherl, .flascherl2 {
        transform:scale(0.8);
        bottom:1%;
 }
 
    
.himbeeren {
        transform:scale(0.8);
    margin-right:-8%;
    bottom:10% !important;
}
.thyme {
        transform:scale(0.8);
    margin-right:-17%;
    top:28% !important;
}
.marshmallow {
    transform:scale(0.8);
    margin-left:-15%;
    top:37% !important;
   
}

    
}


/*************HOW WORKS*******************/
.subhead5 {

	font-family: 'boldItalic', sans-serif !important;
	font-size:30px !important;
	letter-spacing:0px !important;
	color:#CF82B8;
	line-height:25px;}	

	.subheadaction {

	font-family: 'boldItalic', sans-serif !important;
	
	letter-spacing:0px !important;
	color:#CF82B8 !important;
	line-height:25px !important;}	

	.infotitles {

	font-family: 'boldItalic', sans-serif !important;
	font-size:30px !important;
	letter-spacing:0px !important;
	color:#CF82B8;
	line-height:25px;}	

#howitworks_animation {
    position: absolute;
    bottom:0;
    height:55%;
    width:55% !important;
    left:50%;
    margin-left:-27%;
    z-index: 1 !important;
    visibility: hidden
}

.thyme2 {
float:right;

    width:70% !important;
}


.marshmallow2 {
float:right;

    width:80% !important;
}


.content_how {
    position:absolute;
    top:12% !important;
    width:100%!important;
    z-index: 100000 !important;
    visibility: hidden;
    text-align: center;
  
}
.content_how_thyme {
    position:absolute;
     top:24% !important;
    width:35%!important;
    max-width:370px;
    left:3% !important;

    z-index: 100000 !important;
    visibility: hidden
  
}
.content_how_marshmallow {
    position:absolute;
    top:24% !important;
    width:25%!important;
    max-width:420px;
    right:5% !important;
    z-index: 100000 !important;
    visibility: hidden;
    text-align: left;
  
}


#howworks .content_how h1 {
    color:rgba(189,120,169,1.00) !important;
  
    margin:0 !important;
}

#howworks .content_how p {
    margin:10px !important
}

#howworks .content_how strong {
    color:rgba(189,120,169,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
     font-size: calc(17px + (30 - 17) * ((100vw - 320px) / (2000 - 320)));
    line-height: calc(25px + (40 - 25) * ((100vw - 320px) / (2000 - 320)));
  
 
}

#howworks h2 {
    color:rgba(189,120,169,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
    
}

#howworks .content_how_thyme h2 {
    color:rgba(59,150,81,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;

}

.content_how_thyme h2 em {
    color:rgba(59,150,81,0.50) !important;
    font-family: 'boldItalic', sans-serif !important;
    font-style: normal !important
}
.content_how_marshmallow h2 em {
    color:rgba(189,120,169,0.70);
    font-family: 'boldItalic', sans-serif !important;
    font-style: normal !important
}




/*************SITES OF ACTION *********************/


.content_sites_action {
    position:relative !important;
    top:7% !important;
    width:100%!important;
    z-index: 100000 !important;
    visibility: hidden;
    text-align: center;
  
}

#sitesofactioncontainer {
    width:100%;
    float:right;
    height:55% !important;
    margin-top:0%;
    position: absolute !important;
    z-index: 10000 !important;
    bottom:5% !important;
}

.content_sites_action_thyme {
   position: absolute !important;
    bottom:0% !important;
    
    left:50% !important;
    margin-left:25% !important;
    z-index: 100000 !important;
    visibility: hidden;
    margin-top:10%;
  
}
.content_sites_action_marshmallow {
    position: absolute !important;
    bottom:0% !important;
    text-align:right !important; 
    right:50% !important;
    margin-right:25% !important;
    z-index: 100000 !important;
    visibility: hidden;
  
  
}

.sitesofactionanimation {
    position: absolute !important;
    width:100%;
 
    height:100%;

    background-color:#fff !important;
bottom:0;
    z-index: 1000 !important
}




#sitesofaction .content_sites_action h1 {
    color:rgba(189,120,169,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
   font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(25px + (70 - 25) * ((100vw - 320px) / (2000 - 320))) !important;
    margin:0 !important;
}

#sitesofaction .content_sites_action p {
    margin:10px !important
}

#sitesofaction .content_sites_action strong {
    color:rgba(189,120,169,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
  
}

#sitesofaction h2 {
    color:rgba(189,120,169,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
    margin:0   
}


#sitesofaction h2 em {
    color:rgba(189,120,169,0.40);
    font-family: 'boldItalic', sans-serif !important;
    font-style: normal !important;
 
}
#sitesofaction .content_sites_action_thyme h2 {
    color:rgba(59,150,81,1.00) !important;
    font-family: 'boldItalic', sans-serif !important;
    margin:0   
}


#sitesofaction .content_sites_action_thyme h2 em {
      color:rgba(59,150,81,0.50) !important;
    font-family: 'boldItalic', sans-serif !important;
    font-style: normal !important;
 
} 

#sitesofaction p, #sitesofaction ul {
    color:#666 !important;
    font-family: 'regular', sans-serif !important;
 
    list-style: none;
    padding-left:0;
}

.lastitems ul li::before {
       font-family: 'Font Awesome 6 Pro';
	content:"\f058";
	margin-right:10px !important;
    color:rgba(121,179,8,1.00);
font-weight:700;
}	

@media (max-height:800px) {
    .sitesofactionanimation {

 
    height:75% !important;


}
    #sitesofaction .content_sites_action h1    {   
   font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(25px + (55 - 25) * ((100vw - 320px) / (2000 - 320))) !important;
}
}

/*****************LAST SECTION******************/

.slider {
  width: 100%;
  height: 100%;
    
  text-align: center;
  overflow: hidden;
  position: absolute;
  left:0;    
}

.transition {
    transition: 1s;
    
}




.lastitems {
    clear:both;
 height:900px !important;
    width:100% !important;
  
}


.lastitems:nth-child(odd) .lastimg {
    height:100% !important;
float:left;
    width:50%;
background-size: cover; 
      visibility: hidden;
    background-position: center center;
}

.easy .lastimg, 
.hoarness .lastimg {
    background-position:center top !important
}

.lastitems:nth-child(odd) .lastcontent {
    width:40% !important;
text-align: center;
    margin-right:5%;
    float:right;
      visibility: hidden;
         height:100% !important;
    padding-top:110px !important;
    box-sizing: border-box;
}
.lastitems:nth-child(even) .lastimg {
    height:100% !important;
float:right;
    width:50%;
background-size: cover; 
      visibility: hidden;
    background-position: center center;
}


.lastitems:nth-child(even) .lastcontent {
    width:40% !important;
text-align: center;
    margin-left:5%;
    float:left;
      visibility: hidden;
         height:100% !important;
    padding-top:110px !important;
    box-sizing: border-box;
}
.lastcontent img {
    max-width:90% !important;
    height:auto !important;
    width:auto !important;
    max-height:450px !important

}


.lastcontent strong {color:rgba(189,120,169,1.00)}



.lastitems h3 {
color: rgba(189,120,169,1.00) !important;
font-family: 'boldItalic', sans-serif !important;
     font-size: calc(14px + (25 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(17px + (35 - 17) * ((100vw - 320px) / (2000 - 320))) !important;
margin: 5% 0 0 0  !important;

}


.clear {
    clear:both;
    width:100%;
}


.lastcontent  ul {
    list-style: none;
    padding-left:0;
color: #666 !important;
font-family: 'regular', sans-serif !important;

}

.lastcontent ul li {
    width:47%;
    text-align: left;
    float:left;
    margin-left:2%;
}




@media (max-height:800px) {
    #slides__1 .lastcontent {
        top:5% !important
    }
    
    #slides__3 .lastcontent {
        top:2% !important;
    }
    #slides__1 .lastcontent img {
        width:90% !important;
        
        
    }
    
    #slides__2 .lastcontent img {
        width:75% !important;
    }
    
    
    #slides__3 .lastcontent img {
        width:95% !important;
    }
    #mod-custom127 {
        background-image:url("images/children-kl.jpg") !important
    }
    
        #mod-custom128 {
        background-image:url("images/takewithyou-kl.jpg") !important
    }
        #mod-custom129 {
        background-image:url("images/adults-kl.jpg") !important
    }
    
    
}





/*****************FOOTER******************/
footer {
    width:100% !important;
    background-color:rgba(59,150,81,1.00);
color:#000;
    height:80px !important;

font-family: 'regular', sans-serif !important;

height:70px;
    box-sizing: border-box;
    bottom:0 !important;
    
    z-index:1000000 !important }

.romania footer {
    height:inherit!important;
	bottom:inherit!important;
	position: inherit;
	padding-bottom:10px !important;
	margin-top:0 !important;
	max-height:190px !important;

}

.magnapharm {
	width:150px;

	height:auto;
}

footer a:link,
footer a:visited {
    color:#fff !important;
}
footer a:hover,
footer a:active {
    color:#fff !important;
}

.warningbottom {
    width:100% !important;
    clear:both !important;
    padding:16px 8px 8px 8px !important;
    box-sizing: border-box!important;
    text-align: center;
     background-color:rgba(59,150,81,0.60);
}
.warningbottom2 {
    width:100% !important;
    clear:both !important;
    padding:8px 8px 8px 8px !important;
    box-sizing: border-box!important;
    text-align: center;
     background-color:rgba(59,150,81,0.80);
}

.warningbottom2 p {
color: #fff !important;
font-family: 'regular', sans-serif !important;
font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (2000 - 320))) !important;
line-height: calc(17px + (32 - 17) * ((100vw - 320px) / (2000 - 320))) !important;
}


footer p {
    margin:0;
    color:#fff !important
}

.footerleft {
    width:50%;

    left:0;
    float:Left;
    padding:10px; 
    box-sizing: border-box;
}
.footerright {
    width:50%;
float:right;
    padding:10px; 
    box-sizing: border-box;
    text-align: right;
}

.romania .footerleft {
    width:50%;
    position: relative !important;
    left:0;
    float:Left;
    padding:10px; 
    box-sizing: border-box;
	 background-color:rgba(59,150,81,1.00);
	min-height:181px;
}
.romania .footerright {
    width:50%;
    position:relative !important;
    right:inherit;
	float:right;
    padding:10px; 
    box-sizing: border-box;
    text-align: right;
	 background-color:rgba(59,150,81,1.00);
}


/***************NAVIGATION*******************/



.eb-dialog, .eb-close {
    z-index:1000000002 !important
}
.eb-close {
    color:rgba(189,120,169,1.00) !important;
    background-color:#fff !important;
    padding:25px !important
}

.eb-close:hover,.eb-5 .eb-close:hover {
    color:#ddd !important
}

.dj-megamenu-offcanvas-overlay:after, .eb-backdrop, .eb-inst {
    z-index:1000000001 !important;
    position: fixed !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.dj-offcanvas-open .dj-offcanvas {
        z-index:1000000002 !important
}
.dj-offcanvas-content {
    padding:0 !important
}


#navigation { 
    position: fixed;
    top:35px;
    right:35px;
    visibility: hidden;
    z-index: 10000000 !important
}



.dj-mobile-open-btn {
    position: absolute;
    display:table-cell;
    right:0;
    -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
    background-color:#BD78A9 !important;

    color:#BD78A9 !important;
    font-size:30px !important;
    padding:5px 5px !important;
    transition:0.6s !important;
    box-sizing: inherit !important
}
nav {
     position: absolute;
    right:0;
    top:0;
    width:200px;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
    background-color:#fff !important;
    color:#BD78A9 !important;
  
}

nav ul {
     position: absolute;
    right:0;
    margin:0 !important;
    top:-35px !important;
    width:200px;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
    background-color:#fff !important;
    color:#BD78A9 !important;
  visibility: visible !important
}

.closenav {
    text-align:right;
    font-size:30px !important;
    color:#BD78A9 !important;
    display:block;
    padding:10px 10px 3px 10px;
}


nav li {display:block !important}

nav li a:link,
nav li a:visited,
.dj-up_a:link,
.dj-up_a:visited,
.dj-mobileitem a:link,
.dj-mobileitem a:visited,
.dj-mobile-nav-child .dj-mobileitem a:link,
.dj-mobile-nav-child .dj-mobileitem a:visited
{    text-transform: uppercase !important;
    display:block !important;
    background-color:#fff !important;
    color:#BD78A9 !important;
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(17px + (28 - 17) * ((100vw - 320px) / (2000 - 320))) !important;
    padding:12px !important;
font-family: 'bolditalic', sans-serif !important;
    text-decoration: none !important;
    transition:0.6s;
}

ul.dj-mobile-light ul li.dj-mobileitem>a {
   font-family: 'italic', sans-serif !important;
}

.itemid-120 .modules-wrap {
    background-color:#fff !important;
    text-align: right !important;
    padding:12px !important;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 0px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 0 !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 0px !important;
}

.itemid-120  {display:none !important;
    font-size:25px !important;
    color:rgba(189,120,169,1.00)
}

.dj-offcanvas-close-btn {
    font-size:35px !important;
    color:rgba(189,120,169,1.00) !important
}
.itemid-120 i:hover {
    font-size:25px !important;
    color:#ccc !important;
    cursor: pointer !important;
}

.dj-offcanvas-light, .dj-offcanvas-light .dj-offcanvas-top {
    background-color:#fff !important
}

.openbutton:hover {
    background-color:#6EA372 !important;
    color:#fff !important
}
.nav2 .dj-mobile-open-btn {
       background-color:#BD78A9 !important;
    color:#fff !important;
}
.nav2 .dj-mobile-open-btn:hover {
       background-color:#fff !important;
    color:#BD78A9 !important;
}
.nav3 .dj-mobile-open-btn {
       background-color:#79B308 !important;
    color:#fff !important;
}

.nav3 .dj-mobile-open-btn:hover {
       background-color:#fff !important;
    color:#79B308 !important;
}

.nav4 .dj-mobile-open-btn {
       background-color:#BD78A9 !important;
    color:#fff !important;
}
.nav4 .dj-mobile-open-btn:hover {
       background-color:#fff !important;
    color:#BD78A9 !important;
}

.nav2 .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after,
.nav2 .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after,
.nav3 .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after,
.nav4 .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after {
	background-color:#BD78A9 !important;
}

#dialog20 .eb-content {
	padding:0 15px !important
}
#dialog20 .eb-header {
		background-color:#6EA372 !important;  
	color:#fff !important;
	text-align: center !important;
	padding:8px !important;
	opacity: 1 !important
}

nav li {display:block !important}

nav li a:link,
nav li a:visited {
    display:block !important;
    background-color:#fff !important;
    color:#BD78A9 !important;
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (2000 - 320))) !important;
    line-height: calc(17px + (28 - 17) * ((100vw - 320px) / (2000 - 320))) !important;
    padding:12px !important;
font-family: 'bolditalic', sans-serif !important;
    text-decoration: none !important;
    transition:0.6s;
}
.dj-mobile-nav-child .dj-mobileitem a:link,
.dj-mobile-nav-child .dj-mobileitem a:visited {
font-family: 'italic', sans-serif !important;}


nav li a:hover,
nav li a:active {
    background-color:#BD78A9 !important;
    color:#fff !important;
}

nav li.current a {
    background-color:#BD78A9 !important;
    color:#fff !important
    
}


.nav2 nav li.current a:link,
.nav2 nav li.current a:visited {
    background-color:#fff !important;
    color:#BD78A9 !important
    
}
.nav3 nav li.current a:link,
.nav3 nav li.current a:visited {
    background-color:#fff !important;
    color:#79B308 !important
    
}
.nav4 nav li.current a:link,
.nav4 nav li.current a:visited{
    background-color:#fff !important;
    color:#BD78A9 !important
    
}

.nav2 nav {
    background-color:rgba(189,120,169,1.00) !important;
}
.nav2 .closenav{
color:#fff !important;
}

.nav2 nav li a:link,
.nav2 nav li a:visited{
      background-color:#BD78A9 !important;
    color:#fff !important;
}
.nav2 nav li a:hover,
.nav2 nav li a:active {
    background-color:#fff !important;
    color:#BD78A9 !important;
}
.nav3 nav {
    background-color:#79B308 !important;
}
.nav3 .closenav {
color:#fff !important;
}

.nav3 nav li a:link,
.nav3 nav li a:visited {
      background-color:#79B308 !important;
    color:#fff !important;
}
.nav3 nav li a:hover,
.nav3 nav li a:active {
    background-color:#fff !important;
    color:#79B308 !important;
}

.nav4 nav {
    background-color:rgba(189,120,169,1.00) !important;
}
 .nav4 .closenav {
color:#fff !important;
}
.nav4 nav li a:hover,
.nav4 nav li a:active {
    background-color:#fff !important;
    color:#BD78A9 !important;
}
.nav4 nav li a:link,
.nav4 nav li a:visited {
      background-color:#BD78A9 !important;
    color:#fff !important;
}
nav li a:hover, nav li a:active, .dj-up_a:hover, .dj-up_a:active, .dj-mobileitem.current a, .dj-mobileitem a:hover, .dj-mobileitem a:active, .dj-mobile-nav-child .dj-mobileitem a:hover, .dj-mobile-nav-child .dj-mobileitem a:active, .dj-mobile-nav-child .dj-mobileitem.current a, ul.dj-mobile-light ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul li.dj-mobileitem.active>a, ul.dj-mobile-light li.dj-mobileitem.parent.active>a {
background-color: #BD78A9 !important;
background: #BD78A9 !important;
color: #fff !important;
}
nav li:first-child a {
    -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 0px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 0 !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 0px !important;
}

nav li:last-child a {
           -webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-right-radius: 20px !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-bottomright: 20px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 20px !important;
}

.dj-pos-absolute .dj-accordion-light {
    top:0 !important
}
ul.dj-mobile-light {
    margin:0 !important;
    visibility: visible !important
}
.itemid-120 .modules-wrap {
    background-color:#fff !important;
    text-align: right !important;
    padding:12px !important;
        -webkit-border-top-left-radius: 20px !important;
-webkit-border-bottom-right-radius: 0px !important;
-moz-border-radius-topleft: 20px !important;
-moz-border-radius-bottomright: 0 !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 0px !important;
}

.itemid-120 i {
    font-size:25px !important;
    color:rgba(189,120,169,1.00)
}
.itemid-120 i:hover {
    font-size:25px !important;
    color:#ccc !important;
    cursor: pointer !important;
}
.nav2 .itemid-120 .modules-wrap {
background-color:rgba(189,120,169,1.00) !important;
    color:#fff !important

}

.nav2 .itemid-120 i {
    font-size:25px !important;
    color:#fff !important
}
.nav2 .itemid-120 i:hover {
    font-size:25px !important;
    color:#eee !important;
    cursor: pointer !important;
}
.nav3 .itemid-120 .modules-wrap {
background-color:rgba(121,179,8,1.00)!important;
    color:#fff !important

}

.nav3 .itemid-120 i {
    font-size:25px !important;
    color:#fff !important
}
.nav3 .itemid-120 i:hover {
    font-size:25px !important;
    color:#eee !important;
    cursor: pointer !important;
}

.nav4 .itemid-120 .modules-wrap {
background-color:rgba(189,120,169,1.00) !important;
    color:#fff !important

}

.nav4 .itemid-120 i {
    font-size:25px !important;
    color:#fff !important
}
.nav4 .itemid-120 i:hover {
    font-size:25px !important;
    color:#eee !important;
    cursor: pointer !important;
}




@media (min-width:800px) and (orientation:portrait) {
    
    .section {
        
  aspect-ratio: 16/12 !important;
        height:inherit !important;
        top:inherit !important;
        position: relative !important
    }
    
}
@media (max-height:700px) {
    .lastitems {
    clear:both;
        height:750px !important;}
    
    .flascherl-mobile {
        top:7% !important
    }
}

#buybutton {
 position: fixed;
	top:40%;
left:0px;
      height:120px;width:auto;
	text-align:center;
   z-index: 100000;
	border-radius: 0 5px 5px 0px !important;
	background-color:#fff !important;
	padding:0px !important;
	transition:1s;
	border:2px solid #fff;
	border-left:0 !important;
	visibility: hidden;
}

#buybutton:hover {
	opacity:0.7 !important;
	cursor:pointer !important
}
#buybutton2 i {
	margin-left:8px !important
}

.dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after {
	background-color:#fff !important
}

#buybutton2 {
 position: fixed;
  top: 35px;
  right: 150px;
  width:auto;
	text-align:center;
   z-index: 100000;
	border-radius: 0 3px 3px 0px !important;
	background-color:#6EA372 !important;  
	transition:1s;
	color:#fff !important;
	visibility: hidden;
	border-top-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
	padding:15px 15px !important;
	font-size:18px !important;
	
font-family: 'bolditalic', sans-serif !important;
}

#buybutton2:hover {
	opacity:0.7 !important;
	cursor:pointer !important
}

.buylogo {
	width:50% !important;
	float:left !important;
	text-align: center !important;
margin-bottom:15px !important;
	transition: 1s !important
	
}
.buylogo img {
	width:80% !important;
	margin:0 10% !important
}

.buylogo a {
	color:#6EA372 !important;  
	text-decoration: none !important;
}

.buylogo:hover {
	opacity:0.7 !important
}

.buyee {
	
	
	width:22%;
	height:auto;
	margin:0 1.5% !important;
	transition:0.5s!important
	
}

.buyhere {
	padding:5px !important;
	text-align: center;
	 color:#6EA372 !important;
	margin:0 !important;
font-family: 'bolditalic', sans-serif !important;
	font-size:18px !important;
	line-height:22px !important
}


.buyee1 {

	width:22%;
	height:auto;
	margin:0 1.5% !important;
	transition:0.5s!important
	
	
}

.buyee1:hover, .buyee:hover {
	opacity:0.8 !important
}


@media (max-width:800px) {
	#buybox {
 position: absolute !important;
	top:5% !important ;
	left:inherit;
   z-index: 100000002 !important;
    visibility: hidden;
	width:120px;
}
	#buybox br {
		display:none !important
	}
	
	.buyee {
		width:45px;
		margin-top:0;
		margin-right:10px;
	}
	
	.buyee1 {
		width:45px;
		margin-top:0;
		margin-right:10px;
	}
	
	
}
.cc-window {
	width:100% !important;
	max-width:100% !important;
	margin:0px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	position:fixed;

	padding:25px !important;
	background-color:rgba(255,255,255,1.0) !important;
		font-family: 'regular', sans-serif !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.9);
	display:block !important
}

.cc-revoke.cc-bottom {
		font-family: 'regular', sans-serif !important;
background-color:rgba(59,150,81,1.00) !important;
color:#fff !important;}

.cc-message {
	width:100% !important;
	font-size:13px !important;
		font-family: 'regular', sans-serif !important;
	
	line-height:19px !important
}

.cc-close {
    display: none !important;
}



div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after{
	width:3px !important;
	height:8px !important;
	left:5px !important;
top:2px !important}

div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after {
	left:0px !important;
	background-color:#7a0d5e !important;
	border-color:#7a0d5e !important;
}

a.cc-link  {
	font-size:16px !important;
		font-family: 'regular', sans-serif !important;
	color:#7a0d5e !important
}

.cc-link.cc-cookie {
	display:none !important
}

.cc-allowall {
	color:#fff !important;
background-color:#6EA372 !important;
	border:2px solid #6EA372 !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:16px !important;
	padding:8px 10px !important;margin-left:0px !important;margin-top:10px !important;
	line-height:13px !important;
		font-family: 'regular', sans-serif !important;
	transition:0.5s !important
}

.cc-compliance {
	display:block  !important;
	text-align:left !important;
	width:100% !important;
	float:left !important;
}


.cc-message-text {
	padding:15px 0 !important;
	font-size:16px !important;
	line-height:28px !important
}
.cc-header {
	width:100% !important;
	display:block !important;
		font-family: 'bolditalic', sans-serif !important;
	font-size:25px !important;
	color:#BD78A9 !important;
	margin-bottom:25px !important;
}
.cc-allow {
	color:#fff !important;
background-color:#6EA372 !important;
	border:2px solid #6EA372 !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:16px !important;
	padding:8px 10px !important;margin-left:0px !important;margin-top:10px !important;
	line-height:13px !important;
		font-family: 'regular', sans-serif !important;
	transition:0.5s !important
}
.cc-deny {
	color:#fff !important;
background-color:#6EA372 !important;
	border:2px solid #6EA372 !important;
	font-weight:normal !important;
	border-radius:0px !important;
	display:inline-block !important;
	font-size:16px !important; 
	padding:7px 10px !important;margin-left:0px !important;margin-top:10px !important;
		font-family: 'regular', sans-serif !important;
	transition:0.5s !important
}

.cc-deny:hover {
	opacity:0.7 !important;

	color:#fff !important;
	font-weight:normal !important;
	
}

.cc-allowall:hover {
	opacity:0.7 !important;
font-weight:normal !important;
}

.cc-allow:hover {
	opacity:0.7 !important;
}
.cc-window.cc-invisible {
	display:none !important
}

.cc-settings-label {
	display:none !important;
	padding:5px !important;
	background-color:#fff !important;

	font-size:14px !important;
	margin-bottom:11px !important;
	font-weight:bold !important;
	margin-left:-19px !important;
	padding-right:14px !important;
	margin-right:0 !important;
}
div.cc-checkbox-container:not(:last-child) a {
	border:none !important
}

.cc-checkbox-container {
	padding-left:10px !important;
}

a.cc-link label {
	font-size:16px !important;
	color:#BD78A9 !important;
	text-decoration: underline
}

div.cc-checkbox-container span {
	display:none !important
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important;
	display:block !important;
	width:100% !important;
	float:left !important;
}

div.cc-checkbox-container {
	width:auto!important;
	padding-top:15px;
float:Left !important;
display:inline-block!important}
div.cc-checkbox-container span {
	top:20px !important
}

div.cc-checkboxes-container input[type=checkbox] {
height: 16px!important;
width: 16px!important;
min-height: 18px!important;
border-radius: 0px !important;
box-sizing: border-box!important;
cursor: pointer!important;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance:checkbox;
opacity: 1 !important;
background: none!important;
border: 1px solid rgba(0,0,0,1.00)!important;
	margin-top:0px !important;
	margin-right:5px !important;color:#780C5C !important
}
div.cc-checkboxes-container input[type=checkbox]:checked {
	background-color:rgba(120,12,92,1.00) !important
}
div.cc-checkboxes-container input[type=checkbox][readonly]:checked{
	background-color:rgba(120,12,92,0.60) !important
}

div.cc-checkboxes-container a:not(.cc-btn) {
	margin-top:-5px !important;
	padding-top:0 !important;
	padding-bottom:10px !important
}

ul.cc-compliance-list li {
	width:auto !important;
	flex:initial !important
}

@media (max-width:600px) {
	
	.cc-btn {
		width:100% !important;
	}
}