@charset "utf-8";

/* dynamic width nav */
.menu-btn{
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   display: none;
   background: -ms-linear-gradient(top, #707070 0, #000 100%);
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   padding: 5px;
   position: absolute;
   width: 20px;
   /* button helyezés*/
   top:45px;
  /* margin-bottom:10px;*/
   left:15px;
}

.menu-btn span{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.menu-btn:hover span{
   background: #f3f3f3;
}

@media all and (max-width: 1150px){
	
	.mask2_text{
		font-size:14px;
		
		
		}
	#wrapper2 {
		top:70px;
		}
	#wrapper {
		top:50px;
		}
	}
@media all and (max-width: 900px){
	
	
	
	}

@media all and (max-width: 1000px){
	.glomax{
		margin-left:15px;
		}
	.tv_serial{
		margin-top:-40px;
		margin-right:15px;
		}
		
	.mask2_text{
		font-size:12px;
		margin-top:20px;
		
		}
	
	.menu-btn {
		display: block;/* menü button*/
	}
	
	nav{
		display: none;/* menü button*/
		top:15px;
		margin-top:80px;
		padding-bottom:20px;
		position:absolute;
		width:50%;
		text-align:center;
		left:0;
		background-color:#000;
	}
	
	.header_logo{
		float:right;
		margin-right:10px;
		width:auto;
		max-width:139px;
	}
	
	.header_logo img{
		width:100%;
	}
	
	nav ul{
		position:relative;
		left:0;
		top:0;
		margin:0;
		padding:0;
		width:auto;
		background-color:#000;
	}
	
	nav ul li a, nav ul li a:visited{
    	/*color:#00aeef;*/
	}
	
	nav ul li a:active{
		/*color:#FFF;*/
	}
	
	nav li a{
		background-color: transparent;   
    	/*color: #00aeef;*/
		border-bottom:1px solid #ffffff;
	}
	
	nav li a:hover{
		/*background-color: #fff;  
    	color: #00aeef;*/
		border-bottom:1px solid #ffffff;
	}
	
	nav ul li{
		float:none;
		line-height:40px;
		width:100%;
		max-width:100%;
		font-size:25px;
	}
	
	#topNav ul li:first-child {
		/*display:block;*/
	}
	#topNav ul li:first-child a {
    padding-left: 5px;
    margin-left: 10px;
}
.hatter4{
			
		min-height:400px;
		
		
		}	
.hatter5{
			
		min-height:400px;
		
		
		}	
.hatter6{
			
		min-height:400px;
		
		
		}		
	
}

@media all and (max-width: 768px){
	.scroll_down{
		display:none;
		
		}
	header {	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	filter: alpha(opacity=100);	
	-moz-opacity:1;	
	-khtml-opacity: 1;   
	opacity: 1;
		}
	#wrapper{
		margin-top:-20px;
		padding-left:10%;
  		padding-right:10%;
				
		}
	#wrapper2{
		padding-left:10%;
  		padding-right:10%;
			
		}
	.reklamfilm_content {
		padding: 10px;
		}
	.slideimg{
		width:100%;
		margin:0;
		padding:0;
		
		}
	.mask2_text{
	    font-size:12px;
		width:96%;
		margin:0px 2% 0 2%;
		
		
		
		}
	.layer_3_bg1{
		display:none;
		}
	.bg1{
		background-image:url('../images/layer1/layer_1_1_m.jpg');
		background-position:bottom center;
		}
	.layer_3_bg2{
		display:none;
		}
	.bg2{
		background-image:url('../images/layer1/layer_1_2_m.jpg');
		background-position:bottom center;
		}
	.layer_3_bg3{
		display:none;
		}
	.bg3{
		background-image:url('../images/layer1/layer_1_3_m.jpg');
		background-position:bottom center;
		}
	.layer_3_bg4{
		display:none;
		}
	.bg4{
		background-image:url('../images/layer1/layer_1_4_m.jpg');
		background-position:bottom center;
		}			
	.layer_3_bg5{
		display:none;
		}
	.bg5{
		background-image:url('../images/layer1/layer_1_5_m.jpg');
		background-position:bottom center;
		}
	.bg6{
		background-image:url('../images/layer1/layer_1_6_m.jpg');
		background-position:bottom center;
		}
	.layer_2_2{
	display:none;	
		}	
	.layer_2_3{
	display:none;	
		}
	.layer_2_4{
	display:none;	
		}
	.layer_2_5{
	display:none;	
		}	
	.layer_4{
		margin-top:100%;
		}	
	.layer_5{
		margin-top:100%;
		}			
	.layer_6{
		margin-top:100%;
		}	
	.layer_7{
		margin-top:100%;
		}	
	.layer_8{
		margin-top:100%;
		}
	.layer_9{
		margin-top:100%;
		}	
	
	.hatter3{
		background-image:url('../images/mask/mask_1_m.jpg');		
		min-height:400px;
		width:100%;	
		}	
	
	.hatter{
		background-image:url('../images/mask/mask_1_m_cast.jpg');		
		min-height:500px;
		width:100%;		
		}
	.hatter2{
	background-image:url('../images/mask/mask_1_m.jpg');		
		min-height:500px;
		width:100%;	
		}	
		
	.hatter4{
		background-image:url('../images/mask/mask_1_m.jpg');		
		min-height:360px;
		width:100%;
		
		}		
	.hatter5{
		background-image:url('../images/mask/mask_1_m.jpg');
		min-height:460px;
		width:100%;
		}
	.hatter6{
		background-image:url('../images/mask/mask_1_m.jpg');
		min-height:460px;
		width:100%;
		}	
				
}
@media all and (max-width: 640px){
		
		.callbacks_container{
		padding-top:20px;
		}
	.callbacks_nav {
		top:-10px;
		
		}
	.callbacks_nav.next {
		margin-right:30%;
		}
	.callbacks_nav.prev {
	
	margin-left:30%;
	}	
	#wrapper{
		padding-left:10px;
  		padding-right:10px;
		padding-top:20px;
		margin-top:0px;		
		}
	#wrapper2{
		padding-left:10px;
  		padding-right:10px;
		padding-top:20px;		
		}	
	.slideimg{
		width:100%;
		margin:0;
		padding:0;
		
		}
	.hatter4{
				
		min-height:400px;
		
		
		}	
	
	}

@media all and (max-width: 480px){
	.video{
		height:auto;
		
		}
	.hatter{
			
		min-height:400px;
				
		}
	.hatter2{
			
		min-height:400px;
		
		}
	.hatter3{
			
		min-height:250px;
	
		}	
	.hatter4{
	
		min-height:440px;
		
		
		}		
	.hatter5{
		
		min-height:510px;
	
		
		}
	.hatter6{
		
		min-height:510px;
	
		
		}	
	

	
	#topNav{	
		width:100%;
		margin-left:0;
	}
	
	.tv_serial{
		margin-top:0px;
		margin-right:15px;
		}
	
}

@media all and (max-width: 320px){
	.callbacks_nav.next {
		margin-right:30%;
		}
	.callbacks_nav.prev {
	
	margin-left:30%;
	}	
	.hatter3{
			
		min-height:220px;
	
		}	
	
	.hatter{
			
		min-height:300px;
		
		}
	.hatter2{
		
		min-height:300px;
		
		}	
		
	.hatter4{
	
		min-height:540px;
		
		
		}		
	.hatter5{
		
		min-height:550px;
	
		
		}	
		
	.hatter6{
		
		min-height:550px;
	
		
		}
	
	
	}