﻿/* CSS Document */

@charset "utf-8";
@import "clear.css";

/*------------------------------------------------------------*/
/* ------////// Webfonts //////------ */
/*-------------------------------------------------------------*/

@font-face {
    font-family: 'GothamBold';
    src: url('_gotham-boldd_-webfont.eot');
    src: local('☺'), url('_gotham-boldd_-webfont.woff') format('woff'), url('_gotham-boldd_-webfont.ttf') format('truetype'), url('_gotham-boldd_-webfont.svg#GothamBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('_gotham-book_-webfont.eot');
    src: local('☺'), url('_gotham-book_-webfont.woff') format('woff'), url('_gotham-book_-webfont.ttf') format('truetype'), url('_gotham-book_-webfont.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamLight';
    src: url('_gotham-light_-webfont.eot');
    src: local('☺'), url('_gotham-light_-webfont.woff') format('woff'), url('_gotham-light_-webfont.ttf') format('truetype'), url('_gotham-light_-webfont.svg#GothamLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- ---  ////// containers and main parts ////// --- --- */

body
{
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	font-size:11px;
	line-height:1;
	background-color:#000;
}

.nowrap
{white-space:nowrap;}


	.language
	{
	}
	
	/* Safari 4.0 - 8.0 */
@-webkit-keyframes bg_move {
	0%   {background-position-y:top;;}
	25%   {background-position-y:60%;}
	50%   {background-position-y:top;}
	100%   {background-position-y:bottom;}
}

/* Standard syntax */
@keyframes bg_move {
	0%   {background-position-y:top;}
	25%   {background-position-y:60%;}
	50%   {background-position-y:top;}
	100%   {background-position-y:bottom;}
}

	/* Safari 4.0 - 8.0 */
@-webkit-keyframes bg_opacity {
	0%   {opacity:0;}
	100%   {opacity:1;}
}

/* Standard syntax */
@keyframes bg_opacity {
	0%   {opacity:0;}
	100%   {opacity:1;}
}




.hidden
{
	display:none;
	
	}

/* Landscape */
@media screen and (orientation:landscape) {
   /* Landscape styles here */

		.main_container.kiallitas
		{
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			bottom:0px;
			background:#000 url(../images_3/bg_meghivo_k.jpg)no-repeat;
			background-position: left top;
			opacity:0;
			/*transition: background-position 8s;*/
			background-size: 100% auto;
			 -webkit-animation: bg_move 20s ease-out 1s 1 normal forwards,
			 bg_opacity 3s ease-out 1s 1 forwards;
			 animation: bg_move 20s linear 1s 1 normal forwards,
			 bg_opacity 3s linear 1s 1 forwards;
			
			overflow:hidden;		
			
		}
		
		.main_container.kiallitas_2
		{
			position:relative;
			height:100vh;
			width:100%;
			background:url(../images_3/bg_meghivo_2.jpg)no-repeat;
			background-position: left top;
			background-size: 100% auto;
			animation-name: bg_move;
			animation-duration: 11s;
			animation-iteration-count: 1;
			animation-direction: alternate;
			animation-timing-function: ease-in-out;
			animation-delay:2s;
			animation-fill-mode:forwards;

			-webkit-animation-name: bg_move;
			-webkit-animation-duration: 11s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-direction: alternate;
			-webkit-animation-timing-function: ease-in-out;
			-webkit-animation-delay:2s;
			-webkit-animation-fill-mode:forwards;			
			
		}		
		
		
	
		.m_main_title
		{
			position:absolute;
			left:0px;
			right:0px;
			top:16.8vw;
			font-size:8.6vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:center;
			letter-spacing:.27vw;
		}
		
		.main_container.english .m_main_title
		{
			letter-spacing:-.44vw;
		}
		
		
		
		.m_sub_title
		{
			position:absolute;
			left:7vw;
			top:24.8vw;
			font-size:3.6vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
		}
		
		.m_name
		{
			position:absolute;
			left:7vw;
			top:10vw;
			font-size:3.5vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
		}
		
		.m_txt_1
		{
			position:absolute;
			left:7vw;
			top:28.9vw;
			font-size:2.4vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
			line-height:1.3;
		}
		
		.m_txt_2
		{
			position:absolute;
			padding:1vw .7vw;
			bottom:0px;
			left:0;
			right:0;
			font-size:2.0vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
			line-height:1.5;
			background-color:rgba(0,0,0,.8);
			text-align:left;
			line-height:1.9;
		}
		
		.m_txt_2 .m_date {font-size:2.2vw;}

		
		.m_txt_2 div
		{
			display:inline-block;
			text-align:left;
			padding-right:1vw;
			padding-left: 1vw;
			background-size: .7vw auto;
	}
	
			.m_txt_2 div.txt_mail
		{
			display:block;
			position:absolute;
			right:2.5vw;
			bottom:1.7vw;
	}
	
	.m_txt_2 .catalog { padding-right:9vw; padding-left: 2vw; font-size:2.5vw;}
	
	.m_txt_2 .catalog a { color:#fff; text-decoration:none;}
	.m_txt_2 .catalog a:hover { color:#fff; text-decoration:underline;}
	
			.m_txt_2 .txt_info {
				background-image:none;

		}
		
		.m_txt_2 div.m_cim {padding-left: .3vw; background:none;}
		
		
		
		.main_container.kiallitas b
		{
			font-family:'GothamBook', Verdana, Geneva, sans-serif;
		}
		
		
		.txt_info
				{


		}
		
		.m_logok
		{
			position:absolute;
			right: 2vw;
			bottom:0.9vw;
			width: 23.5vw;
			height: 4.6vw;
			background:url(../images_3/tamogato_logok.png) left top no-repeat;
			background-size: 100% auto;
		}
		

		
	.language
	
	{
	font-size:1.8vw;
	position:absolute;
	top:1.5vw;
	right:1.5vw;
	color:#fff;
	text-decoration:none;
	display:none;
	}
	
	
	.link_facebook
	{
	background:rgba(0,0,0,.8) url(../images_3/fb-art.png) right center no-repeat;
	background-size: 100% auto;
	font-size:1.8vw;
	position:absolute;
			left:62vw;
			top:28.9vw;
	color:#fff;
	text-decoration:none;
	width:3vw;
	height:3vw;
	}	
	
	.link_artus
	{
	background-size: 100% auto;
	font-size:1.8vw;
	position:absolute;
	bottom:0vw;
	right:0vw;
	left:0vw;
	color:#fff;
	text-decoration:none;
	height:12vw;
	}		   
		   
	.bul
	{
			background:url(../images_3/bul.png) right center no-repeat;
			background-size: .9vw auto;
			display:inline-block;
			width:2vw;
			height:1.5vw;
	}
	
	
.m_txt_reszlet
{
	position:absolute;
			padding:2vw 1.8vw;
			bottom:0px;
			right:0;
			width:80vw;
			font-size:1.2vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
			line-height:1.5;
			background-color:rgba(0,0,0,.8);
			text-align:justify;
	
	
}

	.m_txt_reszlet p
{
	margin-bottom:0.9vw;
}
	
   
}


/* Portrait */
@media screen and (orientation:portrait) {
   /* Portrait styles here */


	.main_container.kiallitas
	{
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			bottom:0px;
		background:#000 url(../images_3/bg_meghivo_k_land.jpg) no-repeat;
		/*background:url(../images/jurak_gabor_meghivo_02.jpg) left top no-repeat;*/
		background-position: left top;
		transition: background-position 4s;
		background-size: 100% auto;
 -webkit-animation: bg_move 20s ease-out 1s 1 normal forwards,
 bg_opacity 3s ease-out 1s 1 forwards;
 animation: bg_move 20s linear 1s 1 normal forwards,
 bg_opacity 3s linear 1s 1 forwards;	
	}
	
	.main_container.kiallitas_2
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		background:#000 url(../images_3/bg_meghivo_2_land.jpg) no-repeat;
		/*background:url(../images/jurak_gabor_meghivo_02.jpg) left top no-repeat;*/
		background-position: left top;
		transition: background-position 4s;
		background-size: 100% auto;
			animation-name: bg_move;
			animation-duration: 10s;
			animation-iteration-count: 1;
			animation-direction: alternate;
			animation-timing-function: ease-in-out;
			animation-delay:2s;
			animation-fill-mode:forwards;
			
			-webkit-animation-name: bg_move;
			-webkit-animation-duration: 10s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-direction: alternate;
			-webkit-animation-timing-function: ease-in-out;
			-webkit-animation-delay:2s;
			-webkit-animation-fill-mode:forwards;					
	}	
	

	
	.main_container.kiallitas:hover
	{

	}
	
	.m_main_title
	{
		position:absolute;
		left:0px;
		right:0px;
		top:38vw;
		font-size:16vw;
		font-family:'GothamLight', Verdana, Geneva, sans-serif;
		text-align:center;
		line-height:.95;
		letter-spacing:1.4vw;
	}
	
	.main_container.english .m_main_title
	{
		letter-spacing:-1vw;
	}
	
	.m_sub_title
	{
		position:absolute;
		left:0vw;
		right:0px;
		top:69vw;
		font-size:7vw;
		font-family:'GothamLight', Verdana, Geneva, sans-serif;
		text-align:center;
	}
	
	.m_name
	{
		position:absolute;
		left:0vw;
		right:0px;
		top:23.8vw;
		font-size:7vw;
		font-family:'GothamLight', Verdana, Geneva, sans-serif;
		text-align:center;
	}
	
	.m_txt_1
	{
		position:absolute;
		left:0vw;
		right:0px;
		top:70vw;
		font-size:3.9vw;
		font-family:'GothamLight', Verdana, Geneva, sans-serif;
		text-align:center;
		line-height:1.5;
	}
	
	.m_txt_2
	{
		position:absolute;
		padding: 3vw 2vw 2vw 2vw;
		bottom:0px;
		left:0;
		right:0;
		font-size:4vw;
		font-family:'GothamLight', Verdana, Geneva, sans-serif;
		text-align:left;
		line-height:1.35;
		background-color:rgba(0,0,0,.8);
		text-align:left;
		letter-spacing: 5;
		line-height:1.8;
		text-align:center;
	}
	.m_txt_2 .catalog { font-size:5vw; letter-spacing:1;}
	.m_txt_2 .catalog a { color:#fff; text-decoration:none;}
	
	
	
	
	.main_container.kiallitas b
	{
		font-family:'GothamBook', Verdana, Geneva, sans-serif;
	}
	
		.main_container.kiallitas .m_txt_2 b
	{
		font-size:6.6vw;
		white-space:nowrap;
	}
	

	
			.m_logok
		{
			position:absolute;
			right: 1vw;
			bottom:1vw;
			width: 20vw;
			height: 28.5vw;
			background:url(../images_3/tamogato_logok_2.png) left top no-repeat;
			background-size: 100% auto;
		}
		
	
		.language
		{
		font-size:3.5vw;
		position:absolute;
		top:1.8vw;
		right:1.8vw;
		color:#fff;
		text-decoration:none;
		display:none;
		}
		
	.link_facebook
	{
	background:rgba(0,0,0,.8) url(../images_3/fb-art.png) right center no-repeat;
	background-size: 100% auto;
	font-size:1.8vw;
	position:absolute;
		top:70vw;
	right:0vw;
	color:#fff;
	text-decoration:none;
	width:5.4vw;
	height:5.4vw;
	}	
	
	.link_artus
	{
	background-size: 100% auto;
	font-size:1.8vw;
	position:absolute;
	bottom:0vw;
	right:0vw;
	left:0vw;
	color:#fff;
	text-decoration:none;
	height:18vw;
	}		   
				
		

		.bul
		{
				background:url(../images_3/bul.png) right center no-repeat;
				background-size: 1.6vw auto;
				display:inline-block;
				width:2.8vw;
				height:1.9vw;
		}
	
	
	
	.m_txt_reszlet
{
			position:absolute;
			padding:3.1vw 3vw;
			bottom:0px;
			right:0;
			width:69.5vw;
			font-size:2vw;
			font-family:'GothamLight', Verdana, Geneva, sans-serif;
			text-align:left;
			line-height:1.5;
			background-color:rgba(0,0,0,.8);
			text-align:justify;
	
	
}

	.m_txt_reszlet p
{
	margin-bottom:1.3vw;
}

.menu
{
	font-size:4vw;
	font-family:'GothamBook', Verdana, Geneva, sans-serif;
}
	

}





/****************/

.link_circle
{
	width:8vw;
	height:8vw;
	background-color:rgba(0,0,0,.8);
	position:absolute;
	border-radius:50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-box-shadow: .1vw .15vw .2vw 0 rgba(0,0,0,0.65);
	-moz-box-shadow: .1vw .15vw .2vw 0 rgba(0,0,0,0.65);
	box-shadow: .1vw .15vw .2vw 0 rgba(0,0,0,0.65);	
	-webkit-transition: box-shadow 1s, transform 1s; /* Safari */
    transition: box-shadow .2s, transform .2s;
	cursor:pointer;
	display:block;
}

.link_circle:hover, .link_circle:focus
	{ 
		transform: scale(1.15);
		  -webkit-transition: box-shadow 1s, transform 1s; /* Safari */
    	transition: box-shadow .5s, transform .5s;
		-webkit-box-shadow: .2vw .3vw 1vw 0 rgba(0,0,0,0.55);
		-moz-box-shadow: .2vw .3vw 1vw 0 rgba(0,0,0,0.55);
		box-shadow: .2vw .3vw 1vw 0 rgba(0,0,0,0.655);
	}


.link_circle._behance
{
	right:2vw;
	top:2vw;
	background-image:url(../images_3/ikon_behance.png);

}

.link_circle._youtube
{
	right:12vw;
	top:2vw;
	background-image:url(../images_3/ikon_youtube.png);

}


@media screen and (orientation:portrait) {
	
	.link_circle
	{
		width:14vw;
		height:14vw;
	}
	
	.link_circle._behance
	{
		right:34vw;
		top:2vw;
	}
	
	.link_circle._youtube
	{
		left:34vw;
		top:2vw;
	}
}

@media screen and (min-width:1200px){
	
		.link_circle
		{
			width:100px;
			height:100px;
		}
		
		.link_circle._insta
		{
			left:auto;
			right:25px;
			top:2vw;
		}
		
		.link_circle._youtube
		{
			left:auto;
			top:2vw;
			right:150px;
		}

}
