* {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -webkit-text-size-adjust: 100%; 
   text-decoration: none;
}

html, body {
  position: relative;
  overflow-x: hidden;
  margin: 0;
  background-color: #fffbee; 

}

.text-voi{
    font-family: 'Montserrat',sans serif, imcursive;
    fill:#fff;
    font-display: swap;
}


 .fa {
  padding: 15px;
  width: 50px;
  height:50px;
  text-align:center;
  position: fixed;
  margin: 3px 3px;
  margin-top:10px;
  display: block;
  margin-bottom: 0px;
  background: #fff;
  border: 2px solid #fff;
  opacity: 0.8;
  font-family: 'Lato', sans serif;
  font-display: swap;
  transition: .25s ease-in-out;
}


.fa:hover {
    opacity: 1;
    
}

@media(max-width:1800px){
.fa-facebook {
  background: #3B5998;
  color: white;
  top:150px;
  position:fixed;
  right:0px;
  border-radius: 50%;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
  top:200px;
  right:0px;
  border-radius: 50%;
}


.fa-youtube {
  background: #e30513;
  color: white;
  top:250px;
  right:0px;
  border-radius: 50%;
}

.fa-instagram {
  background: #125688;
  color: white;
  top:300px;
  right:0px;
  border-radius: 50%;
}

.faa-facebook{
  background: #3B5998;
  color: white;
  top:150px;
  position:fixed;
  left:0px;
  
}

.faa-twitter {
  background: #55ACEE;
  color: white;
  top:200px;
  left:0px;
}


.faa-youtube{
  background: #e30513;
  color: white;
  top:250px;
  left:0px;
}

.faa-instagram {
  background: #125688;
  color: white;
  top:300px;
  left:0px;
}

}
.fa-episodes {
  background-color: #e30513;
  color: white;
  top:140px;
  width: 140px;
  height:60px;
  padding: 15px;
  font-family: 'Lato', sans serif;
  font-display: swap;
  cursor:pointer;
  
  margin-bottom:10px;
}
.fa-episode1{
  background-color: #98998B;
  color: white;
  top:200px;
  text-align:center;
  padding-top:15px;
  border-radius:0%;
  overflow:hidden;
}
.fa-episode1 span{
   visibility: hidden;
}
.fa-episode1:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode1:focus{ width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode1:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode1:hover span{ overflow:visible; visibility: visible;display:block;}
.fa-episode2 {
  background-color: #98998B;
  color: white;
  top:250px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}


.fa-episode2 span{
   visibility: hidden;
}
.fa-episode2:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode2:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode2:hover span{ overflow:visible; visibility: visible;display:block;}


.fa-episode3 span{
   visibility: hidden;
}
.fa-episode3:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode3:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode3:hover span{ overflow:visible; visibility: visible;display:block;}


.fa-episode4 span{
   visibility: hidden;
}
.fa-episode4:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode4:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode4:hover span{ overflow:visible; visibility: visible;}

.fa-episode5 span{
   visibility: hidden;
}
.fa-episode5:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode5:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode5:hover span{ overflow:visible; visibility: visible;display:block;}

.fa-episode6 span{
   visibility: hidden;
}
.fa-episode6:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode6:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode6:hover span{ overflow:visible; visibility: visible;display:block;}

.fa-episode7 span{
   visibility: hidden;
}
.fa-episode7:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode7:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode7:hover span{ overflow:visible; visibility: visible;display:block;}
.fa-episode8 span{
   visibility: hidden;
}
.fa-episode8:hover { width:250px; padding:0px;height:150px; opacity:1;}
.fa-episode8:hover p{ overflow:hidden; visibility: hidden;}
.fa-episode8:hover span{ overflow:visible; visibility: visible;display:block;}


.fa-episode3 {
  background-color: #98998B;
  color: white;
  top:300px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}

.fa-episode4 {
  background: #98998B;
  color: white;
  top:350px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}
.fa-episode5 {
  background-color: #98998B;
  color: white;
  top:400px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}

.fa-episode6 {
  background-color: #98998B;
  color: white;
  top:450px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}


.fa-episode7 {
  background-color: #98998B;
  color: white;
  top:500px;
  text-align:center;
  overflow:hidden;
  padding-top:15px;
  border-radius:0%;
}

.fa-episode8 {
  background: #98998B;
  color: white;
  top:550px;
  padding: 0px;
  text-align:center;
  
  overflow:hidden;
  padding-top:15px;
    
}




h1, h2, h3, h4, h5, h6, p, blockquote {
  margin: 0; }




@media(max-width:1024px){
 .home img {
    
    display:inline-block;
    width:9vw;
    margin-left:10px;
    vertical-align: middle;
    transition: all .25s;
    
   
  
}
   
}

section ul .episodes-right-left li{
    display:inline-block;
    font-family:'Montserrat', sans serif;
    font-display: swap;
   
}
.episodes-menu{
    margin-top:300px;
    font-family:'Montserrat', sans serif;
    font-size:60px;
    font-display: swap;
    height:1000px;
}


#jm-back-top span {
    height: 40px;
    right:30px;
    bottom: 30px;
    position: fixed; 
    width: 3em;
    background-color: #e30513;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .6;
    border: 2px solid #fff;
    z-index: 10;
    transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
}
#jm-back-top span img{
    padding: 8px;
}




.title-recipe-index{
    margin-top:100px;
    margin-bottom:10px;
    font-size: 20px;
   
}
@media(max-width:960px){
.vid{
    display:none;
    
}}
@media(min-width:960px){
.vid-mob{
    display:none;
    
}
.title-under{
    
    font-family:'Montserrat', sans serif;
    width: 550px;
    padding: 50px;
    width: 550px;
    text-align: center;
    height: 200px;
    font-size: 35px;
    font-display: swap;
}

h3.title-recipe-index{
margin-top:0px;
height:100%;
} 
    
    
}
.about h3{
    margin-bottom: 15px;
}
.content hr {
height: 1px;
background-color: #e30513;
border: none;
}

.content{
    margin-top:10px;
}
.content p{
    text-align: justify;
    margin-top: 30px;
    
}
.contentt{
    font-family: 'Lato', sans serif;
    margin-top:20px;
    display:inline-block;
    font-display: swap;
    text-align:center;
    background:white;
     box-shadow: 0 0 16px -6px #000000;
  -webkit-box-shadow: 0 0 16px -6px #000000;
  -moz-box-shadow: 0 0 16px -6px #000000;
}

@media(min-width:440px){
 
    .contentt{
        width: 450px;
        height: 800px;
        margin:20px;
    }
    
}



@media(max-width:520px){
.map-inter h1{
   margin-right:0em; 
    
    
}}

.title-under{
    font-family:'Montserrat', sans serif;
    font-display: swap;
    
}

.contenttt{
    font-family: 'Lato', sans serif;
    margin: 30px;
    display:inline-block;
    font-display: swap;
    text-align:center;
    background:white;
     box-shadow: 0 0 16px -6px #000000;
  -webkit-box-shadow: 0 0 16px -6px #000000;
  -moz-box-shadow: 0 0 16px -6px #000000;
 
}
.auto-contentt > .contentt > .cardd{
    padding:20px;
}
@media(min-width:680px){
.auto-contentt > .contentt > .titlee{

       height: 7rem;
}
.auto-contentt > .contentt > .text-title{
    
height: 4rem;
}
}
.auto-contentt > .contentt > .titlee{
   margin:20px;
       font-size:24px;
}

.auto-contentt > .contentt > .text-title{
    
 padding: 0 20px 0 20px;

}

@media(min-width:440px){
 
    .contenttt{
        width: 450px;
        height: 650px;
    }
    
}
.contentt-ingredient{
    font-family: 'Lato', sans serif;
    position: fixed;
    top: 180px;
    margin-top:20px;
    font-display: swap;
    display:block;
    width: 300px;
    height: 450px;
    background:white;
     box-shadow: 0 0 16px -6px #000000;
  -webkit-box-shadow: 0 0 16px -6px #000000;
  -moz-box-shadow: 0 0 16px -6px #000000;
    ;
 
}

.contentt-ingredient-header
 {
     top: 10em;
    display: flex;
    line-height: 30px;
    position:fixed;
    margin: auto;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    background: #e30513;
    border: solid 1px #666;
    color: #ffffff;
    border-radius: 3px;
    user-select: none;
}

div.auto-contentt {

    margin-bottom: 50px;
  
}
div.auto-contenttt{

    margin-bottom: 50px;
  
}
.contentt img{
    height:50%;
     
    margin-bottom:20px;
    
}

img {
    outline: none;
    border: none;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.svg-map {
/*  margin: 100px auto 0;*/
  position: relative;
  width: 650px;
  height: 850px;
}

svg {
  width: 100%;
  height: 83%;
   pointer-events: all;
}

.svg-item {
	 fill: #fefefe;
	 stroke: #3e313c;
	 stroke-width: 2;
	 transition: all ease-in-out 0.3s;
	 -ms-transition: all .25s;
     -webkit-transition: all .25s;
     -o-transition: all .25s;
     -moz-transition: all .25s;
	 cursor:pointer;
	 pointer-events:all;
}
 .svg-item:hover {
	 fill: #e30513;
	 transform: translate(140px, 105px)
             scale(2 1.5)
             translate(-140px, -105px);
	 -webkit-transform:translate(140px, 105px)
             scale(2 1.5)
             translate(-140px, -105px);
	 -moz-transform:translate(140px, 105px)
             scale(2 1.5)
             translate(-140px, -105px);
	 -ms-transform:translate(140px, 105px)
             scale(2 1.5)
             translate(-140px, -105px);
	 -o-transform:translate(140px, 105px)
             scale(2 1.5)
             translate(-140px, -105px);
	 cursor:pointer;
	 
}

header.header-web {
  display: inline-block;
  position:fixed;
  font-family: 'Montserrat', sans serif;
  font-display: swap;
  background-color: #fffbee;
  color:#98998B;
  font-size:12px;
  outline: none;
  width: 100%;
  height:10em;
  text-align:center;
  line-height: 90px;
  z-index:9999;
  margin: 0 auto; 
  left:0px; 
  right:0px;
  float:clear;
  box-shadow: 0 0 15px -6px #000000;
  -webkit-box-shadow: 0 0 15px -6px #000000;
  -moz-box-shadow: 0 0 15px -6px #000000;
  -ms-box-shadow: 0 0 15px -6px #000000;
  -o-box-shadow: 0 0 15px -6px #000000;
    
    
}




 /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/


  @media (min-width: 1440px)and (max-width: 1500px) {
  
 header.header-web {
     
     transition: all .25s;
                  -ms-transition: all .25s;
                  -webkit-transition: all .25s;
                  -o-transition: all .25s;
                  -moz-transition: all .25s;
 }
 ul.main-menu {
    padding: 0px;
    line-height: 50px;
    
}
 
}
@media(min-width:1280px){
 .logo-mobile{
      display:none;
  }}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/



  @media  (max-width: 1024px) {
    header.header-web #navbar {
      display: none; 
        
    } 
      
  }
  @media only screen and (min-width: 1024px) {
    header.header-web #navbar nav {
    
      position: fixed;
      width: 95%;
}

     
        header.header-web #navbar nav ul > li {
          display: inline-block;
          vertical-align: top;
          float: none;

}
}

          header.header-web #navbar nav div.nav-menu ul li .word{
             
          padding-left:20px;  /* odstepy od slow*/
          padding-right: 20px;
              
}

            header.site-header #navbar nav div.nav-menu ul li.home {
                line-height:0px;
                margin-left:0px;
             
            }
            
            @media (min-width: 1024px) and (max-width: 1150px) {
          
              header.header-web #navbar nav div.nav-menu ul {
                       margin: 0 auto 0 0px;
                       width:1000px;
                       margin:0 auto;
                       list-style:none;
                }

}
  

 @media (min-width: 1150px) and (max-width: 1440px) {
             header.header-web #navbar nav div.nav-menu ul li > a  {
              line-height:80px;
              transition: all .25s;
              -ms-transition: all .25s;
              -webkit-transition: all .25s;
              -o-transition: all .25s;
              -moz-transition: all .25s;
                } 
                 
 header.header-web #navbar nav div.nav-menu ul {
                    margin: 0 auto 0 0px;
                }

}

 @media (min-width: 1440px) and (max-width: 1800px) {
             header.header-web #navbar nav div.nav-menu ul li > a  {
                 line-height:65px;
                 transition: all .25s;
                 -ms-transition: all .25s;
                 -webkit-transition: all .25s;
                 -o-transition: all .25s;
                 -moz-transition: all .25s;
     }
     
   .bread{
       margin-top:100px;
       
   }
    
     
  
                
               
                
                 header.header-web #navbar nav div.nav-menu ul li.home {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                width:20px;
                margin-top:50px;    
                }

}
            



            @media (min-width: 1024px) and (max-width: 1440px) {
              
                
                 header.header-web #navbar nav div.nav-menu ul li.home img{
            
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
               width:100%;
               
                 margin-top:10px;
                
                 }
                
            }
           

 header.header-web #navbar nav div.nav-menu ul li.home {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                width:190px;
                margin-top:0px;
               
}


/*MEDIA 2200-2560px*/
@media (min-width: 1800px) and (max-width: 2200px) {
             header.header-web #navbar nav div.nav-menu ul li .word {
    line-height: 100px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 30px;
}
               
                
               

}


@media(min-width:1800px){
                   
.fa-facebook {
  background: #3B5998;
  color: white;
  top:250px;
  position:fixed;
  right:0px;
  border-radius: 50%;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
  top:300px;
  right:0px;
  border-radius: 50%;
}


.fa-youtube {
  background: #e30513;
  color: white;
  top:350px;
  right:0px;
  border-radius: 50%;
}

.fa-instagram {
  background: #125688;
  color: white;
  top:400px;
  right:0px;
  border-radius: 50%;
}

    
    
}

/*MEDIA 2200-2560px*/
@media (min-width: 2200px) and (max-width: 2560px) {
              header.header-web #navbar nav div.nav-menu ul li a.word{
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                padding-left:60px;
                padding-right:60px;
              
                line-height:110px;
                font-size:30px;
                  
                } 
                
     #slidy{
         height:150vh;
     }
          
}

/*MEDIA 2200-2560px*/
@media (min-width: 2560px) {
              header.header-web #navbar nav div.nav-menu ul li a.word{
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                padding-left:60px;
                padding-right:60px;
              
                line-height:110px;
                font-size:30px;
                  
                } 
                
     #slidy{
         height:150vh;
     }
          
}
     
      header.header-web div#navbar nav div.nav-menu ul li.home {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                
                margin-top:0px;
          
      }
    
 div.about-sr div.about {
   
    width: 150px;
    padding: 55px;
    margin-top:-2em;
}
    @media(min-width:960px)    {       
    div.about-sr{
         border: 2px solid #fff;
        height:100px;
        width:100%;
        
    }}



.article{
    font-family: 'Lato', sans serif;
    font-display: swap;
    margin-top:20px;
    display:inline-block;
    width: 300px;
    height: 550px;
    text-align:center;
    background:white;
     box-shadow: 0 0 16px -6px #000000;
  -webkit-box-shadow: 0 0 16px -6px #000000;
  -moz-box-shadow: 0 0 16px -6px #000000;
    margin-left:30px;
}
/*

 .about-sr-mobile .about-mobile {
   
    text-align:center;
    padding: 50px;
}
               
    div.about-sr-mobile{
   
    
    top:100px;
    font-family:'Montserrat';
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    
    background-color: #fff;
    
    text-align: center;
    color:#000;
    }

*/

   @media (min-width: 1150px) and (max-width: 1300px) {
              header.header-web #navbar nav div.nav-menu ul li.home {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                 width:155px;
                 margin-top:0px;}
                 }


            @media (min-width: 1024px) and (max-width: 1150px) {
              header.header-web #navbar nav div.nav-menu ul li.home {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                width: 160px; 
                } }
         
                
            header.header-web #navbar nav div.nav-menu ul li > .word {
              display: inline-block;
               float: none;
             
              transition: all .25s;
              -ms-transition: all .25s;
              -webkit-transition: all .25s;
              -o-transition: all .25s;
              -moz-transition: all .25s;
              color: #98999b;
              font-size: 18px;
              line-height: 110px;
                }
 
              @media (min-width: 1024px) and (max-width: 1280px) {
                header.header-web #navbar nav div.nav-menu ul li > a {
                  transition: all .25s;
                  margin-left: 10px;
                  -ms-transition: all .25s;
                  -webkit-transition: all .25s;
                  -o-transition: all .25s;
                  -moz-transition: all .25s;
                  line-height:50px;
                  } }
             
              header.header-web #navbar nav div.nav-menu ul li > a:hover {
                transition: all .25s;
                -ms-transition: all .25s;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                -moz-transition: all .25s;
                color: red; 
                  
              }
            header.site-header #navbar nav div.nav-menu ul li .current-page-item > a {
              color: #2d2d2d; 
}
              
 div.about-sr div.about {
    position: relative;
    background-color: #fffbee;
   
    padding: 55px ;
    box-shadow: 0 0 16px -6px #000000;
  -webkit-box-shadow: 0 0 16px -6px #000000;
  -moz-box-shadow: 0 0 16px -6px #000000;
  -ms-box-shadow: 0 0 16px -6px #000000;
  -o-box-shadow: 0 0 16px -6px #000000;
}      

@media(min-width:960px){
     div.about-sr div.about {
     width: 50%;
}
  
}


.header-mobile #nav-mobile{
    
    display: none; 
}
.header-mobile a{
     text-decoration: none; 
            color: white; 
            padding: 14px 16px; 
            font-size: 16px; 
            display: block; 
    
    
}

/*ABOUT MOBILE
.about-sr{
    display:none;
    
}

@media (min-width:960px){
    .about-sr-mobile{
    display:none;
    
}}
@media (max-width:960px){
    .about-sr-mobile{
    position:relative;
    
}
}
@media(min-width:960px){
    .about-sr{
    display:block;
    
}
   
   
   
} */


@media(max-width:960px){
     div.about-sr div.about {
     width: 100%;
}
      div.about-sr {
        margin-top:12em;
    }
}


figure {
  margin:0;
}


.image-1{
    width:30%;
}
.image-thanks{
    height:150px;
}

#pegaz{
    width:300px;
}
#polonia{
    width:350px;
}
body.plugin{
    margin-left:50px;
    
}

.video-main{
   list-style-type: none;
    padding: 0;
    text-decoration:none;
    margin: 0;
  
}
@media(min-width:1200px){
.video-main li{
    display: table-cell;
    padding: 20px;
    
    text-decoration:none;
      
    vertical-align: middle;
    width: 500px;

}
    
    .video-main img {
    height:15%;
    width:auto;
}
}

@media(max-width:1200px){

.video-main img {
  display:none;
}}




@media(min-width:1400px){
    .sponsors-mob{
        display:none;
    }
.sponsors{
   list-style-type: none;
    padding: 0;
    margin: 0;
  
}
.sponsors li{
    display: table-cell;
    padding: 20px;
}
.title-sponsors h3{
    font-weight:100;
}
.sponsors-img img{
   
    height: 150px;
    width: 300px;
    vertical-align: middle;
    margin-top: 10px;
    
}
.sponsors-img-pld-rust img{
   
    height: 75px;
    width: 150px;
    vertical-align: middle;
    margin-top: 10px;
    margin-right: 5em;
    
}
   
   .sponsors-img-pld-lot img{
   
    height: 75px;
    width: 150px;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: 5em;
    
} 
    
    
}



@media(max-width:1400px){
.sponsors{
    display:none;
}
.sponsors-mob{
   list-style-type: none;
    padding: 0;
    margin: 0;
    
}
.sponsors-mob li{
    display:block;
}

.sponsors-img-mob img{
   
    height: 150px;
    width: 250px;
    vertical-align: middle;
    margin-top: 10px;
    
}
.sponsors-img-pld-mob img{
   
    height: 75px;
    width: 125px;
    vertical-align: middle;
    margin-top: 10px;
    
}
}

#slidy-container { 
    position:relative;
    width: 100%; 
    overflow: hidden;
}



a.butt-about {
    display: inline-block;
    margin: 30px auto;
    position: inherit;
    background-color: #e30513;
    padding:10px;
    text-align:center;
    color: #fff;
           }
           
a.butt-about span {
    position: relative;
    display: table-cell;
    border:2px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    background-color: #e30513;
    color:white;
    font-size: 14px;
    font-weight: 400;
    padding:10px;
    letter-spacing: 2px;
    text-transform:uppercase;
    line-height: 14px;
}
        
a.butt-about:hover{
    
    opacity:0.7;
}
div.about-sr {
   
    
    font-family:'Montserrat', sans serif;
    font-display: swap;
    position: relative;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    
    background-color: #fff;
    
    text-align: center;
    color:#000;
    
}
/*
@media (min-width:1024px){
    div.about-sr {
    margin-top:125vh;
    margin-left:32vw;}
}
*/
#information-about-map {
    margin-top:30px;
    margin-bottom:20px;
    font-size: 30px;
    font-family: 'Montserrat', sans serif;
    font-display: swap;
    
}
#information-about-map span{
     margin-top:30px;
     margin-bottom:20px;
     font-size: 24px;
     font-family: 'Montserrat', sans serif;
     font-display: swap;
}




/*MOBILE HEADER LINKS */   


header.mobile div.up-mobile div.header-mobile ul.nav-mobile > li {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    
   text-align: center;
}
.header-mobile {
  overflow: hidden;
  background-color: #333;
  position: relative;
}
@media only screen and (max-width: 1200px){
#mobile {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-display: swap;
    background-color: #fffbee;
    position: fixed;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 0 16px -6px #000000;
    -webkit-box-shadow: 0 0 16px -6px #000000;
    -ms-box-shadow: 0 0 16px -6px #000000;
    -moz-box-shadow: 0 0 16px -6px #000000;
    -o-box-shadow: 0 0 16px -6px #000000;
}}
@media (min-width:500px) and (max-width: 1280px) {
header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    
    margin-left:10vw;
    margin-top:10px;
    position: relative;
    padding: 0 20px;
}


}

@media (max-width:500px) and (min-width:441px) {
header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    
    margin-left:10vw;
    margin-top:10px;
    position: relative;
    padding: 0 0px;
}}

@media (max-width:441px) and (min-width:360px) {
header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    
    margin-left:7vw;
    margin-top:10px;
    position: relative;
    padding: 0 0px;
}


}

@media (max-width:360px) and (min-width:320px){
header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    
    margin-left:5vw;
    margin-top:10px;
    position: relative;
    padding: 0 0px;
}
    
}
@media (max-width:360px) {
header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    
    margin-left:2vw;
    margin-top:10px;
    position: relative;
    padding: 0 0px;
}
    
}

    
header.mobile div.up-mobile div.header-mobile ul.nav-mobile > li > a {
    font-size: 20px;
    color: #252525;
    letter-spacing: 2px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}



.header-mobile ul {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.header-mobile ul li {
  
  position: relative;
  display: table;

  height: 60px;
  
  right: 0;
  top: 0;
}

.header-mobile ul li:hover {
  background-color: #ddd;
  color: black;
  cursor:pointer;
  display:block;
    
}
header.mobile div.up-mobile div.header-mobile ul.nav-mobile > li > a.mob:hover{
     cursor:pointer;
     background-color:black;
}
header.mobile div.up-mobile div.header-mobile ul.nav-mobile > li > a.mob{
background-color:#fffbee;
    width: 50px;
    border: 1px solid black;
    transition: .25s ease-in-out;
}
div.top-header-mobile
{
    overflow: hidden;
    display:flex;
    position: relative;
    
    padding: 0 20px;
}
@media(min-width:640px) and (max-width:1280px){
div.top-header-mobile
{
  
   
     transition: all .25s;
                  -ms-transition: all .25s;
                  -webkit-transition: all .25s;
                  -o-transition: all .25s;
                  -moz-transition: all .25s;
    
    
    
}}



@media(max-width:376px){

    header.header-web  {
      display: none; 
        
    } 
}

@media(min-width:376px) and (max-width:1200px){
div.top-header-mobile {
    
}

    header.header-web {
      display: none; 
        
    } 
}


@media(min-width:648px) and (max-width:767px){
    div.top-header-mobile 
{
  
    
     transition: all .25s;
                  -ms-transition: all .25s;
                  -webkit-transition: all .25s;
                  -o-transition: all .25s;
                  -moz-transition: all .25s;
    
}
}

ul.main-menu{
    
    padding-right: 4rem;
        padding: 0px;
}
.active {
  background-color: #4CAF50;
  color: white;
}
     
/*FOOTER*/

.title-sponsors {
      color:white;
      font-family:'Montserrat', sans serif;
      font-size: 15px;
      font-display: swap;
      text-align:center;
}



footer div.top-footer {
    background-color: #222222;
    background-repeat: repeat;
   position: inherit;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
div.bottom-footer {
    background-color: black;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans serif;
    font-display: swap;
    font-style: italic;
    font-size: 12px;
   
    padding-top:0px;
    padding-bottom: 10px;;
    
}

@media (min-width:960px){
    
    .title-sponsors{
      color:white;
      font-family:'Montserrat', sans serif;
      font-size: 20px;
      font-display: swap;
    text-align:center;
}



    
    div.bottom-footer {
    background-color: black;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans serif;
    font-style: italic;
    font-size: 12px;
    font-display: swap;
    padding-top:10px;
    padding-bottom: 10px;;
    
}
}




footer div.top-footer {
  background-color: #222222;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4rem;
  text-align: center;
}
    div.bottom-footer {
    background-color: black;
    position:inherit;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans serif;
    font-style: italic;
    font-size: 10px;
    font-display: swap;
    padding-top:10px;
    padding-bottom: 10px;;
    
}


header.mobile div.up-mobile div.top-header-mobile > div.trigger-mobile {
    width: 10%;
    cursor: pointer;
    position: relative;
}
@media(min-width:350px){
    header.mobile div.up-mobile div.top-header-mobile > div.trigger-mobile {
    
    margin: 25px 25px 0px 0px;
}
}
@media(max-width:350px){
    header.mobile div.up-mobile div.top-header-mobile > div.trigger-mobile {
    
margin: 25px 0px 0px 0px;
}
}
@media only screen and (max-width: 1280px){
.inner-intro {
    display: none;
}
/*ICON MENU*/

.container {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 40px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}



.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}


}
.box{
    
    float: left;
  padding: 10px;
}

.wrap:after {
  content: "";
  display: table;
  clear: both;
    
}
  .card {
  display: grid;
  grid-template-columns: 350px;
  grid-template-rows: 210px 210px 0px;
  grid-template-areas: "image" "text" "stats";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Roboto', sans serif;
  font-display: swap;
  text-align: center;
  width:350px;
}

.card-image {
  grid-area: image;
}
.card-text {
  grid-area: text;
}
.card-text-about{
  grid-area: text;
}
.card-stats {
  grid-area: stats; 
}
.card-image {
  grid-area: image;
  background: url("http://flavorofpoland.com/wp-content/themes/images/flavor_of_poland_with_aleksandra_august_1920x1080.png");
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-size: cover;
}


.card-text {
  grid-area: text;
  margin: 25px;
}
.card-text p {
  color: grey;
  font-size:15px;
  font-weight: 300;
}
.card-text h2 {
  text-align:center;
  font-size:28px;
}
.card-text-about{
  grid-area: text;
  margin: 25px;
}

.card-text-about p {
  color: grey;
  font-size:15px;
  font-weight: 300;
}
.card-text-about h2 {
  text-align:center;
  font-size:28px;
  padding-bottom:15px;
}

.video-main{
    margin-top:98px;
}
@media(max-width:768px){
    
 .card-about-description img{
   
     width:100%;
     height:100%;
     margin-top:100px;
     
     
 }
   .card-about-description{
         background-color:#fff;
         box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
         padding:20px;
       font-size:14px;
   } 
    
    
    
}



@media(min-width:768px){
 .card-about-description{
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
  width: 500px;
  margin-top:100px;
  
}
.card-about-description h2{
    text-align:center;
}

.card-about-description{
  padding:100px;
  width:80%;
  transition: 0.5s ease;
  cursor: pointer;
  margin-bottom:20px;
  margin-left: 10px;
  margin-right: 10px;
}
}


@media(min-width:400px) and (max-width:960px){

  .card-aboutt {
  display: grid;
  grid-template-columns: 500px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  font-display: swap;
  text-align: justify;
      width: 500px;
}
 .card-aboutt-policy{
  display: grid;
  grid-template-columns: 500px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  font-display: swap;
  text-align: justify;
      width: 500px;
      margin-top: 100px;
}
}
@media(max-width:960px){
 .card-about {
  display: grid;
  grid-template-columns: 400px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
      width: 500px;
  
}
 .card-about {
  display: grid;
  grid-template-columns: 400px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
      width: 500px;
  
}




.card-about{
  margin-top:150px;
  padding:50px;
  width:500px;
  transition: 0.5s ease;
  cursor: pointer;
  margin-bottom:20px;
  margin-left: 10px;
  margin-right: 10px;
}
}

@media(min-width:960px){
  .card-about {
  display: grid;
  grid-template-columns: 900px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  background:white;
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
      width: 500px;
  
}

 .card-aboutt {
  display: grid;
  grid-template-columns: 800px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
      width: 800px;
  
  margin-bottom:100px;
}


 .card-aboutt-policy {
  display: grid;
  grid-template-columns: 800px;
  grid-template-rows: auto;
  grid-template-areas: "text";
  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
  font-family: 'Montserrat', sans serif;
  text-align: justify;
  font-display: swap;
      width: 800px;
  margin-top: 100px;
  margin-bottom:100px;
}

.col-2 {
  width: 65%;
  padding-right:30px;
}

.col-3 {
    width: 35%;
    float: right;
  
}
.col-4 {
 width: 35%;
    float: left;
    margin-top: 20px;
  
}
.col-5{
      width: 65%;
  float:right;
  display:contents;
}
.card-about{
  margin-top:150px;
  padding:50px;
  width:900px;
  transition: 0.5s ease;
  cursor: pointer;
  margin:0 10px 20px 10px;

}

}
.card:hover {
  transform: scale(1.1);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
}
.card {
 padding-top:20px;
  transition: 0.5s ease;
  cursor: pointer;
  margin-bottom:20px;
}


.card-about:hover {
  transform: scale(1.1);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
}
/*SOUP*/

.soup{
    font-weight:800;
    font-family:'Montserrat', sans serif;
    font-display: swap;
   padding:20px;
   font-size:28px;
    
}

ol .ingredients{
    
    left:0;
}
/*MAP*/

#PLD-map{
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  margin-top: -50px;
}
@media(min-width:768px){
#PLD-map{
     width: 120%;
     margin-top: 80px;
}
    
    
}
@media(max-width:768px) and (min-width:600px){
#PLD-map{
     width: 110%;
    margin-top: -60px;
}

}

@media(max-width:550px) and (min-width:530px){
#PLD-map{
     width: 95%;
    margin-top: -80px;
}
    
}
@media(max-width:530px) and (min-width:450px){
#PLD-map{
     width: 85%;
    margin-top: -100px;
}
   
}
@media(max-width:450px) and (min-width:400px){
#PLD-map{
     width: 75%;
    margin-top: -120px;
}
    
}
@media(max-width:400px) and (min-width:360px){
#PLD-map{
     width:70%;
    margin-top: -120px;
}
   
}


@media(max-width:360px){
#PLD-map{
     width:65%;
    margin-top: -150px;
}
    
}

#path:hover {
  stroke: #e30513 !important;
  stroke-width:2px solid #fff ;
  stroke-linejoin: round;
  fill: #e30513 !important;
  cursor: pointer;
}
/*
@media (max-width:960px){
#info-box-mob{
  display: none;
  position: absolute;
  top: 0px;
  text-align:left;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #BF0A30;
  border-radius: 5px;
  padding: 5px;
  font-family: 'Montserrat';
}

}

@media (min-width:960px){
#info-box {
  display: none;
  position: absolute;
  top: 0px;
  text-align:left;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #BF0A30;
  border-radius: 5px;
  padding: 5px;
  font-family: 'Montserrat';
}}*/
#PLD-map text{
font-family:'Montserrat', sans serif;
font-display: swap;
font-weight:800;
font-size:11px;
text-anchor: middle;}

@media(max-width:440px){
.map-title-region{
    font-family:'Montserrat', sans serif;
    font-display: swap;
    padding:20px 0 20px 0;
}}
@media(min-width:440px){
.map-title-region{
    font-family:'Montserrat', sans serif;
    font-display: swap;
    max-width:500px;
    padding:20px 0 60px 0;
}}


@media(max-width:960px){
.media-posts{
    margin-top:0vh;}
    
    .media-posts-mob{
        display:none;
    }
}
   
@media(min-width:960px){

    
    .media-posts{
        display:none;
    }
}

    
    
   header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile > a img {
    width: 170px;
    
}


 
   header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile > a {
    display: table;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
   }
   
   
   header.mobile div.up-mobile div.top-header-mobile > div.logo-mobile {
    width: 100%;
    position: relative;
    padding: 0 25px;
}
.contentt-ingredient-header {
    display:block;
    background-color:#af1101;
    color:white;
}
.ingredients ul{
    
    text-decoration:none;
    list-style-type: none;
    font-size:18px;
    padding:0;
    font-family:'Montserrat', sans serif;
    font-display: swap;
}

.contentt-ingredient ul {
    display: grid;
}
.contentt-ingredient ul li{
    list-style-type: circle;
    float:left;
}
.recipe-descreption{
    font-family:'Montserrat', sans serif;
    font-display: swap;
    font-size: 18px;
    text-align: justify;
    padding: 50px;
}
.recipe-descreption li{
    text-style-position:outside;
}
.title-recipe {
     font-family:'Montserrat', sans serif;
     font-display: swap;
    font-size: 24px;
    margin-top:20px;
    text-align: center;
}
@media(min-width:960px){
.card-image-recipe {

  width:auto;
}
.card-image-recipe img{
    width:100%;
    left:0px;
}}
@media(max-width:960px){
.card-image-recipe img{
    width:100%;
    margin-top:100px;
}
}
@media(min-width:960px) and (max-width:1180px){
    
.facebook-post{
    margin-top:400px;
    
}
}

@media(min-width:1180px) and (max-width:1400px){
    
.facebook-post{
    margin-top:350px;
    
}
}
@media(min-width:1400px){
    
.facebook-post{
    margin-top:300px;
    
}
}
.facebook-post{
    position:relative;
    font-family:'Montserrat', sans serif;
    font-display: swap;
}
.map-title{
    font-size:30px;
    font-family:'Montserrat', sans serif;
    font-display: swap;
}
@media(max-width:500px){
.map-title{
    font-size:30px;
   font-family:'Montserrat', sans serif;
   font-display: swap;
}}
.map-des{
    
  font-family:'Montserrat', sans serif;
  font-size:18px;
  font-display: swap;
}
.facebook-post .fb-mobile h1 {
    padding:50px;
    
}
@media (max-width:960px){
.buttons{
    
  display:inline-block;  
 
}
}
@media (min-width:960px){
.buttons{
    
  display: -webkit-box;
}
}

#col-7{
    float:right;
    
}
#col-8{
    float:left;

}



.about-maki{
position: fixed;
    height: auto;
    width: 100%;
    opacity: 0.5;
    box-shadow: 0 0 16px -6px #000000;
}

@media (max-width:960px){
.about-maki{
    position: absolute;
    height: 1030px;
    width: 100%;
    float:left;
    left: 0;
     opacity:0.5;
     box-shadow: 0 0 16px -6px #000000;
}}

.flower{
    width:50px;
}
.ytp-title{
    display:none;
}
.ytp-title-channel{
    display:none;

}

.auto-contenttt > .contenttt > .titlee{
   margin:20px!important;
}
.auto-contenttt > .contenttt > .text-title{
    
height: 8rem!important;

}

@media(min-width:980px){
    section.strap{
   position: fixed;
    background-color: white!important;
    bottom: 0;
    width: 100%!important;
    height: 6.5rem!important;
    
}
section.strap ul
{
    padding:0!important;
    margin:0!important;
    list-style-type:none!important;
    display:flex!important;
    color:white!important;
    justify-content:center!important;
  
}
section.strap ul > li{
    margin:10px 5%!important;
}
section.strap .list-strap  li  a{
        text-decoration: none;
    color: black;
    text-transform:uppercase;
}
section.strap .list-strap  li  a:hover{
    color:white!important;
    transition: .25s ease-in-out!important;
}
section.strap > ul > li > a > .image-strap{
    height:5rem!important;
    width:5rem!important;
}
section.strap  ul  li a  .image-strapp{
    height: 5rem!important;
    width: 15rem!important;
}
}