html,body {
	height:100%;
	margin:0;
}

body {overflow-x: hidden;}

h1 {font-family: 'Avenir', 'Nunito Sans', sans-serif;
	font-size: 4.2vw;
	margin: 0;
	padding: 0;
	line-height: 4.5vw;
	font-weight: 800;

}

@media screen and (max-width: 560px){
   h1 { font-size: 10vw;
   		line-height: inherit; }
}

p {font-family: 'Avenir Next', 'Nunito Sans', sans-serif;
	font-size: 1.4vw;
	margin: 0;
	padding: 0;
	font-weight: 200;
  

}

@media screen and (min-width: 561px) and (max-width: 1333px){
   p { font-size: 1.8vw;
      
      }
}


@media screen and (max-width: 560px){
   p { font-size: 5vw;
      font-weight: 400;
   		}
}

h2 {font-family: 'Avenir', 'Nunito Sans', sans-serif;
  font-size: 1.5vw;
  margin: 0;
  padding: 0;
  font-weight: 800;
  text-transform: uppercase;
  }

@media screen and (min-width: 561px) and (max-width: 1333px){
   h2 { font-size: 2vw;
      
      }
}

@media screen and (max-width: 560px){
   h2 { font-size: 4.7vw;
      }

}

h3 {font-family: 'Avenir', 'Nunito Sans', sans-serif;
  font-size: 1vw;
  margin: 0;
  padding: 0;
  font-weight: 800;
  text-transform: uppercase;}

@media screen and (min-width: 561px) and (max-width: 1333px){
   h3 { font-size: 1.8vw;
      
      }
}

@media screen and (max-width: 560px){
   h3 { font-size: 4vw;
      }

}

.pvastag {font-weight: 800;}


.meetus {margin-bottom: 0.3vw;}


.cim {letter-spacing: 1.6vw;
	font-size: 1vw;
	line-height: 2vw;
	color: black;
	}

@media screen and (max-width: 560px){
   .cim { font-size: 4vw;
   		line-height: inherit; }
}

.big-break {display: none;}

@media screen and (max-width: 560px){
   .big-break { display: block;}
}

a {text-decoration: none;
color: inherit;}

a:hover {color:  rgba(252,0,113,1);}

.shine {background: linear-gradient(307deg, #07ecb1, #441a58, rgba(252,0,113,1));
	background-size: 200% auto;
	color: black;
  	background-clip: text;
 	 text-fill-color: transparent;
 	 -webkit-background-clip: text;
 	 -webkit-text-fill-color: transparent;
 
-webkit-animation: AnimationName 2s ease infinite;
-moz-animation: AnimationName 2s ease infinite;
animation: AnimationName 2s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@keyframes AnimationName { 
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}


::selection {
  		background: #07ecb1; 
		}
::-moz-selection {
		background: #07ecb1; 
		}

#startcont {
  	width: 100vw;
  	height: 100vh;
  	position: fixed;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	overflow: auto;
  	background-color: #efefef;
  	
}

#start{
    text-align: left;
    position: absolute;
    width: 80vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-height: 13vw;
    
}

@media screen and (max-width: 560px){
   #start { min-height: 80vw;
    
   	}
}

#nagytarto {
	margin-top: 100vh;
	width: 100vw;
	text-align: left;
	position: absolute;
	background-color: white;

    
    
}

.videotartonagy {
  padding: 0vw 0vw 1vw 0vw;
  width: 80vw;
  
  display: block;
  
  position: static;}

#bemutatkozas {  
  width: 39.5vw;
  padding-right: 40.5vw;
	margin-top: 9vw;
	margin-bottom: 1vw;
	text-align: justify;
	position: relative;
	left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
}

 @media screen and (max-width: 560px) {
 	#bemutatkozas {
 		width: 80vw;
 		padding-right: 0;
 		margin-top: 9vw;
 	}
 }

 

 #likegomb {margin-top: 0.6vw;}

@media screen and (max-width: 560px) {
  #likegomb {margin-top: 4vh;
    margin-bottom: 4vh;}
}

@media screen and (max-width: 560px) {
.piros{display: none;}
}

.emailgomb{
  display: none;
}


@media screen and (max-width: 560px) {
.emailgomb {
    display: block;
    margin-top: 3vh;
    text-align: center;
    width: 80vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    
    border-style: solid;
    border-width: thin;
     }
}

#feheremail {
  border-color: #636363;
}


#feketeemail {
  border-color: white;
}

@media screen and (max-width: 560px) {
.emailgomb:hover {
  border-color: rgba(252,0,113,1);
}
}


#logoktarto {
  position: static;
  width: 100vw;
  height: 17vw;
  margin-top: 2vw;
  background-color: white;

}


#logok {display: block; 
  width: 80vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 560px){   
#logoktarto 

    {display: none; }
    }
    
#partners { padding-bottom: 1vh; }

  
    
.lsquare {
  position: relative;
  width: 8vw;
  float:left;
 
  opacity: 0.3;
}

.lsquare:after {
  content: "";
  display: block;
  padding-bottom: 90%;}
  
/*.lsquare:hover {
 
  opacity: 1;}*/

#l01 {background-image: url("img/l01.jpg");
    background-size:cover;  
   
}

#l02 {background-image: url("img/l02.jpg");
    background-size:cover;  
   
} 

#l03 {background-image: url("img/l03.jpg");
    background-size:cover;  
   
} 

#l04 {background-image: url("img/l04.jpg");
    background-size:cover;  
   
} 

#l05 {background-image: url("img/l05.jpg");
    background-size:cover;  
   
} 

#l06 {background-image: url("img/l06.jpg");
    background-size:cover;  
   
} 

#l07 {background-image: url("img/l07.jpg");
    background-size:cover;  
   
} 

#l08 {background-image: url("img/l08.jpg");
    background-size:cover;  
   
} 

#l09 {background-image: url("img/l09.jpg");
    background-size:cover;  
   
} 

#l10 {background-image: url("img/l10.jpg");
    background-size:cover;  
   
} 

#l11 {background-image: url("img/l11.jpg");
    background-size:cover;  
   
} 

#l12 {background-image: url("img/l12.jpg");
    background-size:cover;  
   
} 

#l13 {background-image: url("img/l13.jpg");
    background-size:cover;  
   
} 

#l14 {background-image: url("img/l14.jpg");
    background-size:cover;  
   
} 

#l15 {background-image: url("img/l15.jpg");
    background-size:cover;  
   
} 

#l16 {background-image: url("img/l16.jpg");
    background-size:cover;  
   
} 

#l17 {background-image: url("img/l17.jpg");
    background-size:cover;  
   
} 

#l18 {background-image: url("img/l18.jpg");
    background-size:cover;  
   
} 

#l19 {background-image: url("img/l19.jpg");
    background-size:cover;  
   
} 

#l20 {background-image: url("img/l20.jpg");
    background-size:cover;  
   
}





.embed-container { position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; } 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; }

.videotarto {width: 39.5vw;
  float: left;
  display: block;
  margin-bottom: 1vw; 
  position: static;}

@media screen and (max-width: 560px) {
  .videotarto {width: 80vw;
  float: none;
  display: block;
  margin-bottom: 2vh; 
  position: static;}
}

.videotarto2 {width: 39.5vw;
  float: left;
  margin-left: 1vw;
  margin-bottom: 1vw;
  display: block;}

@media screen and (max-width: 560px) {
  .videotarto2 {display: none;}
}

.cleaner {clear: left;}


#eventtarto {
  position: static;
  width: 100vw;
  }

#event {
  width: 80vw;
  text-align: justify;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
  
}


#eventleiras {
  width: 39.5vw;
  padding-right: 40.5vw;
  padding-bottom: 2vw;
  padding-top: 9vw;
  text-align: justify;
  position: relative;

  
}

@media screen and (max-width: 560px) {
  #eventleiras {
    width: 80vw;
    padding-right: 0;
    padding-bottom: 6vw;
  }
 }


#promotarto {
  position: static;
  width: 100vw;
  
  
  }

#promo {
  width: 80vw;
  text-align: justify;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
  
}


#promoleiras {
  width: 39.5vw;
  padding-right: 40.5vw;
  padding-bottom: 2vw;
  padding-top: 10vw;
  text-align: justify;
  position: relative;

  
}

@media screen and (max-width: 560px) {
  #promoleiras {
    width: 80vw;
    padding-right: 0;
  }
 }



.corporatetarto {
  position: static;
  width: 100vw;
  padding-bottom: 10vw;
  }



#corporate {
  width: 80vw;
  text-align: justify;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
  
}


#corporateleiras {
  width: 39.5vw;
  padding-right: 40.5vw;
  padding-top: 10vw;
  padding-bottom: 2vw;
  text-align: justify;
  position: relative;

  
}

@media screen and (max-width: 560px) {
  #corporateleiras {
    width: 80vw;
    padding-right: 0;
  }
 }




.corpphotonagy {
  background-size:cover;
  width: 19.25vw;
  height: 29vw;
  margin-bottom: 1vw;
  float: left;
}

#corp_01{
  background-image: url("img/corp_07.jpg");
  margin-right: 1vw;

    
}

#corp_05{
  background-image: url("img/corp_11.jpg");
  margin-right: 1vw;   
}

#corp_06{
  background-image: url("img/corp_10.jpg");
  margin-right: 1vw;   
}

#corp_07{
  background-image: url("img/corp_03.jpg");
    
}


#arttarto {
  position: static;
  width: 100vw;
  
  }

#art {
  width: 80vw;
  text-align: justify;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
  
}


#artleiras {
  width: 39.5vw;
  padding-right: 40.5vw;
  padding-top: 10vw;
  padding-bottom: 2vw;
  text-align: justify;
  position: relative;

  
}

@media screen and (max-width: 560px) {
  #artleiras {
    width: 80vw;
    padding-right: 0;
  }
 }







 #whotarto {
  position: static;
  width: 100vw;
  margin-bottom: 10vw;
  }

#who {
  width: 80vw;
  text-align: justify;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #494949;
  
}


#wholeiras {
  width: 39.5vw;
  padding-right: 40.5vw;
  padding-top: 10vw;
  padding-bottom: 2vw;
  text-align: justify;
  position: relative;

  
}

h4 {font-family: 'Avenir', 'Nunito Sans', sans-serif;
  font-size: 0.7vw;
  margin: 0;
  padding: 0;
  font-weight: 800;
  text-transform: uppercase;
  color: #707070;
  margin-bottom: 0.8vw;}

@media screen and (min-width: 561px) and (max-width: 1333px){
   h4 { font-size: 0.8vw;
      
      }
}

@media screen and (max-width: 560px){
   h4 { font-size: 3vw;
    margin-bottom: 2vw;
      }

}

h5 {font-family: 'Avenir', 'Nunito Sans', sans-serif;
  font-size: 0.7vw;
  margin: 0;
  padding: 0;
  font-weight: 800;
  text-transform: uppercase;
  color: #d6d6d6;
  }

h5:hover {color: rgba(252,0,113,1);}

@media screen and (min-width: 561px) and (max-width: 1333px){
   h5 { font-size: 1.2vw;
      
      }
}

@media screen and (max-width: 560px){
   h5 { font-size: 3vw;
      }

}

@media screen and (max-width: 560px) {
  #wholeiras {
    width: 80vw;
    padding-right: 0;
  }
 }

.whop {
  font-size: 1.5vw;
}

@media screen and (max-width: 560px){
   .whop { 
    font-size: 5vw;
    }
}

.whophotonagy {
  background-size:contain;
  width: 15vw;
  min-height: 15vw;
  margin-bottom: 1vw;
  float: left;
  background-repeat: no-repeat;
  background-position: top;
  text-align: left;
}

@media screen and (max-width: 560px){
   .whophotonagy { 
    width: 80vw;
    float: none;
    min-height: 80vw;
    }
}

.whoszoveg {margin-top: 16.3vw;
font-size: 1.6vw;}

@media screen and (max-width: 560px){
   .whoszoveg { 
    padding-top: 82vw;
    font-size: 5vw;
    }
}


#who_01{
  background-image: url("img/who_bal.jpg");
  margin-right: 1vw;
 
}

#who_02{
  background-image: url("img/who_ben.jpg");
  margin-right: 1vw;  
}

#who_03{
  background-image: url("img/who_gez.jpg");
  margin-right: 1vw; 
}

#who_04{
  background-image: url("img/who_sac.jpg");
  margin-right: 1vw;   
}

#who_05{
  background-image: url("img/who_ger_2.jpg");
    
}









#contactstarto {
	position: static;
	width: 100vw;
	background-color: #212121;
  }



@media screen and (min-width: 560px) {
  #contactstarto {
  background-image: url("img/eu.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  }
 }

#contacts {
	width: 40vw;
	padding-right: 40vw;
	padding-top: 10vw;
	padding-bottom: 10vw;
	text-align: justify;
	position: relative;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
}

@media screen and (max-width: 560px) {
  #contacts {
    width: 80vw;
    padding-right: 0;
    margin-top: 9vw;
  }
 }

#zaro{
 	width: 100vw;
 	height: 25vh;
	text-align: left;
	position: static;
	background: linear-gradient(307deg, #07ecb1, #441a58, rgba(252,0,113,1));
	background-size: 200% auto;
	
 
-webkit-animation: AnimationName 2s ease infinite;
-moz-animation: AnimationName 2s ease infinite;
animation: AnimationName 2s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@keyframes AnimationName { 
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}


#icons {height: 9vh;
		width: 51vh;		
		left: 50%;
    	-webkit-transform: translateX(-50%);
   		transform: translateX(-50%);
   	 	position: relative;
   	 	padding-top: 7vh;
   	 	margin-left: 1vh;
		}

.imgsize {
    width: auto;
    height: 9vh;
   
    
    }
    
.imgsize:hover {
	filter: invert(100%)}
    
.imgsizew {
    width: 10vh;
    height: auto;
   
    
    }
    
.imgsizem {
    width: auto;
    height: 9vh;
   margin-left: 2vh;
    
    }
    
.imgsizem:hover {
	filter: invert(100%)}
    
.imgsizer {
    width: auto;
    height: 9vh;
   margin-left: 2vh;
  
    
    }