*:focus {
    outline:none;
}

html {
    /*overflow:hidden;*/
}

body {
    background-color:#fff;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    /*overflow:hidden;*/
}

/*------------------------------ NYELVVÁLASZTÓ --------------------------*/
/*------------------------------ NYELVVÁLASZTÓ --------------------------*/

#langbox {
	display: block;
	position: absolute;
	z-index: 150;
	right: 150px;
	top: 40px;
}

#langbox,
#langbox a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font: 400 18px "PT Sans";
}

#langbox a:hover {
	font-weight: 600;
}

#langbox a.langbox-white {
	color: #FFF !important;
}

#langbox a.langbox-gray {
	color: #635e5d !important;
}

.nyelvvalaszto-block {
	display: block;
	position: absolute;
}

.nyelvvalaszto .nyelvek {
	display: none;
}

/*---------------------------- NYELVVÁLASZTÓ VÉGE --------------------------*/
/*---------------------------- NYELVVÁLASZTÓ VÉGE --------------------------*/

.button {
    border:1px solid #fff;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    padding:10px 30px;
}

.button:hover {
    background-color:#fff;
    border-color:#fff;
    color:#635e5d !important;
}

.gray-button {
    border-color:#635e5d !important;
    color:#635e5d !important;
}

.button.gray-button:hover {
    background-color:#635e5d;
    border-color:#635e5d;
    color:#fff !important;
}

.box {
    max-width:1366px;
    max-height:768px;
    margin:0 auto;
}

.row {
    margin-bottom:20px;
}

.fleft {
    float:left;
}

.acenter {
    text-align:center;
}

.clear:after {
    content:'';
    clear:both;
    display:table;
}

.first {
    margin:0 !important;
}

.section {
    min-height:500px;
    background-color:#fff;
    cursor:default;
    padding-top:20px;
    padding-bottom:20px;
    overflow:hidden;
    position:relative;
}

.full-background {
    width:100%;
    height:100%;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    object-fit:cover;
    z-index:1;
}

.message {
    text-align:center;
    position:relative;
    z-index:100;
}

.message h1 {
    font-size:4em;
}

.message h2 {
    font-size:3em;
}

.message h3 {
    font-size:2em;
    font-weight:600;
}

.message h4 {
    font-size:1.4em;
    font-weight:600;
}

@media (max-width: 800px) {
    .message h1 {
        font-size:2em;
    }

    .message h2 {
        font-size:1.8em;
    }

    .message h3 {
        font-size:1.4em;
        font-weight:600;
    }

    .message h4 {
        font-size:1em;
        font-weight:600;
    }
}

.icon-disc {
    width:32px;
    height:32px;
    background-position:center;
    background-repeat:no-repeat;
    vertical-align:middle;
    margin:5px;
    display:inline-block;
}

.icon-disc.facebook {
    background-image:url(../images/facebook.png);
}

.icon-disc.youtube {
    background-image:url(../images/youtube.png);
}

.icon-disc.instagram {
    background-image:url(../images/instagram.png);
}

.icon-disc.newsletter {
    background-image:url(../images/newsletter.png);
}

.icon-disc.search {
    background-image:url(../images/search.png);
}

.icon-circle {
    width:32px;
    height:32px;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-border-radius:32px;
    -moz-border-radius:32px;
    border-radius:32px;
    vertical-align:middle;
    margin:5px;
    display:inline-block;
}

.down {
    width:25px;
    height:25px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/down_arrow_gray.png);
    border-radius:25px;
    display:block;
}

.down:hover {
/*
    background-color:rgb(153,153,153);
    background-color:rgba(153,153,153,0.5);
    */
}

.down.white {
    background-image:url(../images/down_arrow.png);
}

.lang .down {
    float:right;
    margin-left:10px;
}

.speaker {
    width:24px;
    height:24px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/unmuted.png);
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:100;
}

.speaker.muted {
    background-image:url(../images/muted.png);
}

#wrapper {
    margin:0 auto;
    /*display:none;*/
	padding-top: 50px;
}

#header {
    display:none;
}

    #header .locale {
        background-position:center right;
        background-repeat:no-repeat;
        background-image:url(../images/arrow.png);
        padding-right:35px;
    }

#logo {
    width:64px;
    height:64px;
    background-position:center left;
    background-repeat:no-repeat;
    background-image:url(../images/hithu_logo_gray.png);
    padding-left:64px;
    position:fixed;
    top:20px;
    left:20px;
    z-index:210;
    display:none;
}

    #logo div {
        width:200px;
        height:64px;
        float:left;
        overflow:hidden;
        position:relative;
    }

        #logo span.hint {
            width:200px;
            font-size:1.2em;
            font-weight:600;
            text-transform:uppercase;
            line-height:64px;
            /*float:left;*/
            position:absolute;
            left:30px;
            display:block;
			color: #635E5D;
			font-family: "Open Sans";
        }
        
        #logo.white {
            background-image:url(../images/hithu_logo_gray.png);
        }
        
            #logo.white span {
                color:#635e5d;
				font-family: 'Open Sans' !important;
            }
        
        #logo.opened-menu {
            background-image:url(../images/hithu_logo_gray.png);
        }
        
            #logo.opened-menu span {
                color:#635e5d;
            }

#nav {
    width:32px;
    height:32px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/menu_gray.png);
    padding-right:32px;
    position:fixed;
    top:35px;
    right:20px;
    display:block;
    z-index:210;
}

    #nav div {
        /*width:80px;*/
        width:102px;
        height:32px;
        float:right;
        overflow:hidden;
        position:relative;
    }

        #nav span {
            font-size:1.2em;
            font-weight:600;
            text-transform:uppercase;
            line-height:32px;
            /*float:right;*/
            position:absolute;
            left:auto;
            right:20px;
            display:block;
        }
        
        #nav span.hint {
            width:50px;
			color: #635E5D;
        }
        
        #nav span.close {
            display:none;
        }
        
        #nav.white {
            background-image:url(../images/menu_gray.png);
        }
        
            #nav.white span {
                color:#635e5d;
				font-family: 'Open Sans' !important;
            }
        
        #nav.opened-menu {
            background-image:url(../images/close.png);
        }
        
            #nav.opened-menu span {
                color:#635e5d;
            }

#primary-nav {
    background-color:#fff;
	box-shadow: 0 0 10px #bbb;
	font: 400 14px/1.5 "Open Sans",Verdana,Tahoma,sans-serif;
    text-transform:uppercase;
    padding:100px 20px 50px;
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:200;
    display:none;
	color: #635E5D;
}

#primary-nav ul {
	list-style: none;
	margin-left: -40px;
}

#primary-nav a {
	color: #635E5D;
	text-decoration: none;
}

#primary-nav a:hover,
#primary-nav li.menuisactive a {
	color: #A80925;
}

    #primary-nav h3 {
        font-size:1.4em;
        font-weight:600;
        margin-top:20px;
        margin-bottom:10px;
    }
    
	#primary-nav h4 {
        font-size: 1em;
        font-weight: 400;
    }
	
	#primary-nav h4 a:hover {
		font-weight: 600;
	}
	
	#primary-nav h4:hover .locale {
        background-position:center right;
        background-repeat:no-repeat;
        background-image:url(../images/arrow-hover.png);
        padding-right:35px;
    }
	
    #primary-nav .menu {
        font-size:1.2em;
        margin-top:20px;
        margin-bottom:20px;
    }
    
        #primary-nav .menu li {
            position:relative;
        }
        
        #primary-nav .menu li a {
            height:40px;
            border-left:1px solid #635e5d;
            line-height:40px;
            padding-left:30px;
            display:block;
        }
        
            #primary-nav .menu li a:hover {
                font-weight:600;
            }
        
            #primary-nav .menu li.first a {
                height:20px;
                line-height:0;
            }
            
            #primary-nav .menu li.last a {
                height:20px;
                line-height:40px;
            }
        
        #primary-nav .menu span.dot {
            width:9px;
            height:9px;
            background-color:#fff;
            border:1px solid #635e5d;
            border-radius:9px;
            margin:-4px 0 0 -4px;
            position:absolute;
            top:22px;
            left:0;
        }
            
            #primary-nav .menu li.first span.dot {
                top:0;
            }
            
            #primary-nav .menu li.last span.dot {
                top:100%;
            }
            
        #primary-nav .menu li.active a {
            font-weight:600;
        }
        
        #primary-nav .menu li.active span.dot {
            width:17px;
            height:17px;
            margin:-8px 0 0 -8px;
        }
        
        #primary-nav .menu li.menuopenable ul {
          display: none;
          margin-left: 10px;
        }
        #primary-nav .menu li.menuopened ul {
          display: block;
        }
        
    
    #primary-nav .contacts,
    #primary-nav .social {
        margin-top:20px;
        margin-bottom:20px;
    }
    
    #primary-nav .contacts li,
    #primary-nav .social li {
        padding:10px 0;
    }
	
	#primary-nav .contacts li a:hover,
    #primary-nav .social li a:hover {
		font-weight: 600;
	}
    
        #primary-nav .contacts .icon-circle,
        #primary-nav .social .icon-circle {
            margin-right:20px;
        }
		
		#primary-nav .contacts .fa-stack,
		#primary-nav .social .fa-stack {
			position: relative;
			display: inline-block;
			width: 1.6em;
			height: 1.6em;
			line-height: 1.6em;
			vertical-align: middle;
			margin-right: 15px;
		}
		
		#primary-nav .contacts .fa-stack-2x,
		#primary-nav .social .fa-stack-2x {
			display: none;
		}
		
		#primary-nav .contacts .fa-stack-1x,
		#primary-nav .social .fa-stack-1x {
			line-height: inherit;
			border: 1px solid #635E5D;
			border-radius: 100%;
			font-size: 16px;
		}
		
		#primary-nav .contacts li a:hover .fa-stack-1x,
		#primary-nav .social li a:hover .fa-stack-1x {
			border: 1px solid #A80925;
		}
    
            #primary-nav .contacts .location {
                background-image:url(../images/location.png);
            }
            
            #primary-nav .contacts .telephone {
                background-image:url(../images/telephone.png);
            }
            
            #primary-nav .contacts .fax {
                background-image:url(../images/fax.png);
            }
            
            #primary-nav .contacts .email {
                background-image:url(../images/email_gray.png);
            }

#lang {
    position:absolute;
    top:20px;
    left:50%;
    z-index:100;
    display:none;
}

    #lang li {
        text-transform:uppercase;
        float:left;
        margin:0 10px;
    }
    
        #lang li a {
            font-weight:600;
            color:#fff;
        }
        
            #lang li a:hover {
                /*color:#000;*/
            }
            
            #lang li a span {
                display:block;
            }

#page-1 {
    background-image:url(../images/background_hitpark.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#000;
    color:#fff;
}

    #page-1 a {
        color:#fff;
    }
    
    #page-1 .social {
        margin-top:20px;
    }
    
        #page-1 .social li {
            display:inline-block;
        }
        
    #page-1 .next-to {
        width:400px;
        font-size:2em;
        text-align:center;
        margin-left:-200px;
        position:absolute;
        bottom:80px;
        left:50%;
        z-index:100;
    }

#page-2 {
}

#page-2.section {
	padding-bottom: 0px;
}

    #page-2 .message h3 {
        margin:50px 0 100px;
        font-weight:400;
    }
    
    #page-2 a {
		text-decoration: none !important;
		color: #635e5d;
	}
	
	#page-2 a:hover {
		color: #A80925;
	}
	
	#page-2 h3 a:hover {
		color: #A80925;
		font-weight: 600;
	}
	
	#page-2 ul li ul li a:hover {
		color: #A80925;
		font-weight: bold;
	}
	
	#page-2 li {
		list-style: none;
		font: 400 14px/25px "PT Sans" !important;
	}
    
    #page-2 li.col {
        height:260px;
        position:relative;
    }
    
        #page-2 ul li h3 {
			font: 600 15px/25px "Open Sans" !important;
			margin: 0px auto;
            text-transform:uppercase;
            text-align:center;
			width: 130px;
        }
        
        #page-2 ul li span {
            text-align:center;
            margin:0 auto 10px;
            display:block;
        }

            #page-2 ul li span img {
                margin:0 auto;
                display:block;
            }
        
            #page-2 ul ul {
                font-size:1.3em;
                text-align:center;
				margin-left: -40px;
            }
            
            #page-2 ul ul a:hover {
                text-decoration:underline;
            }
	
	/*---------------------------------------------------------------- BN CREATE -----------------------------------------------------------------*/
	/*---------------------------------------------------------------- BN CREATE -----------------------------------------------------------------*/
	
	#page-2 li.col-md-2 a.piktolink {
		display: table;
		margin: 0 auto;
	}
	
	#page-2 li.col-md-2 span div {
		display: block;
		margin: 0 auto;
		width: 55px;
		height: 55px;
	}
	
	#page-2 li.col-md-2:hover span div {
		background-position: -55px 0px;
	}
	
	/*---------- EGYHÁZ ----------*/

	#page-2 li.col-md-2 span .church-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/church-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- NÉMETH SÁNDOR ----------*/
	
	#page-2 li.col-md-2 span .ns-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/ns-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- VIDÁM VASÁRNAP ----------*/
	
	#page-2 li.col-md-2 span .vv-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/vv-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- KARITATÍV MUNKA ----------*/
	
	#page-2 li.col-md-2 span .charity-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/charity-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- MÉDIA ----------*/
	
	#page-2 li.col-md-2 span .media-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/media-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- HÍREK ÉS AKTUALITÁSOK ----------*/
	
	#page-2 li.col-md-2 span .news-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/news-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- OKTATÁS ----------*/
	
	#page-2 li.col-md-2 span .education-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/education-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- SPORT ----------*/
	
	#page-2 li.col-md-2 span .sport-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/sport-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- TÁRSADALMI SZEREPVÁLLALÁS ----------*/
	
	#page-2 li.col-md-2 span .communal-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/communal-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- TÁMOGATÁS ----------*/
	
	
	#page-2 li.col-md-2 span .donation-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/donation-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- SAJTÓSZOBA ----------*/
	
	#page-2 li.col-md-2 span .pressroom-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/pressroom-pikto-egyseges.png') no-repeat;
	}	
	
	/*---------- KAPCSOLAT ----------*/
	
	#page-2 li.col-md-2 span .contact-pikto-egyseges {
		background: url('/sites/all/themes/minisites_gyujto/images/contact-pikto-egyseges.png') no-repeat;
	}
	
	
	/*-------------------------------------------- BN CREATE VÉGE ------------------------------------------*/
	/*-------------------------------------------- BN CREATE VÉGE ------------------------------------------*/

#page-3 {
    background-image:url(../images/background_vidamvasarnap.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#000;
    color:#fff;
}

    #page-3 a {
        color:#fff;
    }

    #page-3 .vv-logo {
        margin:0 auto 40px;
        display:block;
    }
    
    #page-3 h2 {
        font-size:3.5em;
        margin-bottom:30px;
    }
    
    #page-3 h3 {
        font-weight:400;
    }
    
    #page-3 #vv-play {
        width:55px;
        height:55px;
        /*width:40px;
        height:40px;*/
        background-position:center;
        background-repeat:no-repeat;
        background-image:url(../images/play.png);
        /*border:1px solid #fff;*/
        /*border-radius:64px;
        border-radius:55px;*/
        /*margin:-32px 0 0 -32px;
        margin:-27px 0 0 -27px;*/
        /*margin:-20px 0 0 -20px;
        position:absolute;
        top:50%;
        left:50%;
        z-index:10;*/
        margin:30px auto;
        display:block;
    }
    
    #page-3 #vv-play:hover {
    /*
        background-color:rgb(153,153,153);
        background-color:rgba(153,153,153,0.5);
        */
    }
    
    #page-3 #vv-play.ended {
        background-image:url(../images/reload.png);
    }
    
    #page-3 #vv-play.playing {
        background-image:url(../images/pause.png);
    }

#page-4 {
}

    #page-4 a {
    }
    
    #page-4 h2 {
        font-size:2.4em;
        text-transform:uppercase;
        margin-bottom:20px;
    }
    
    #page-4 .post {
        height:150px;
    }
    
    #page-4 .post .date {
        width:50px;
        height:100%;
        border-right:1px solid #635e5d;
        font-size:1.8em;
        font-weight:600;
        line-height:1em;
        word-wrap:break-word;
        float:left;
        margin-right:10px;
        display:inline-block;
    }
    
    #page-4 .post p {
        font-size:1.2em;
    }
    
    #page-4 .post.first {
        height:auto;
        margin-bottom:100px !important;
    }
    
        #page-4 .post.first .cover {
            float:left;
            margin-right:20px;
            margin-bottom:20px;
        }
        
        #page-4 .post.first .date {
            width:30px;
            font-size:1.2em;
        }
        
        #page-4 .post.first h3 {
            font-size:1.8em;
            font-weight:600;
            line-height:1.3em;
        }
        
        #page-4 .post.first p {
            text-align:justify;
            margin-top:20px;
        }
        
        #page-4 .post.first .gray-button {
            float:right;
        }
        
        #page-4 .post h3 {
            font-size:1.8em;
            line-height:1.2em;
        }
        
    #page-4 .links {
        height:150px;
        border-left:1px solid #635e5d;
        text-align:right;
        position:relative;
        display:inline-block;
    }
    
        #page-4 .links ul {
            position:absolute;
            right:0;
            bottom:0;
        }
    
        #page-4 .links li {
            padding:5px 0;
        }
        
        #page-4 .links a {
            background-position:center right;
            background-repeat:no-repeat;
            background-image:url(../images/right_arrow.png);
            text-transform:uppercase;
            padding-right:35px;
        }
        
            #page-4 .links a:hover {
                text-decoration:underline;
            }
    
#page-5 {
}

    #page-5 .slick-slide .cover {
        /*width:1366px;
        height:768px;
        */
        max-width:1280px;
        max-height:720px;
        width:100%;
        margin:0 auto;
    }
    
    #page-5 .slick-slide iframe {
        margin:0 auto;
    }
    
    #page-5 .slider {
        text-align:center;
    }
	
	

/*---------------------------------- 404 ERROR HIBA OLDAL CSS ----------------------------------------*/
/*---------------------------------- 404 ERROR HIBA OLDAL CSS ----------------------------------------*/

#tartalom article.content #hiba404 {
	text-align: center !important;
}

#tartalom article.content .hiba-1 {
    margin-bottom: 30px;
    margin-top: 50px;
}

	#tartalom article.content .hiba-1 img {
		width: 30%;
		margin-right: 100px;
	}

#tartalom article.content .hiba-2 {
    width: 250px;
    margin: 0px auto;
    display: inline;
}

	#tartalom article.content .hiba-2 img {
		width: 25%;
		margin-top: -100px;
	}

#tartalom article.content .hiba-3 {
    display: inline-block;
    width: 450px;
}

	#tartalom article.content .hiba-3 img {
		vertical-align: top;
		width: 75%;
	}

#tartalom article.content .hiba-3 p {
    font: 700 24px 'PT Sans';
	line-height: 65px;
	text-transform: uppercase;
	color: #A80925;
	margin: 0;
}

#tartalom article.content .hiba-3 p.p2{
    font: 700 45px 'PT Sans';
	text-transform: uppercase;
}

#tartalom article.content .hiba-3 .button-section {
	width: 100%;
	display: table;
	text-align: center;
	margin: 0 auto;
	padding: 60px 0px 0px 0px;
	border-spacing: 10px 3px;
	border-collapse: separate;
	background: transparent none repeat scroll 0% 0%;
}

#tartalom article.content .hiba-3 .button-section a.gomb {
	background-color: #FFF !important;
	text-indent: 0px;
	border: 2px solid #1d2e40;
	display: inline-block;
	color: #1d2e40 !important;
	font-family: 'PT Sans';
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	height: 52px;
	line-height: 50px;
	width: 220px;
	text-decoration: none;
	text-align: center;
}

#tartalom article.content .hiba-3 a.gomb:hover {
	background-color: #102542 !important;
	color: #FFF !important;
}

.listopener > ul {
	display: none;
}
.nojs .listopener > ul {
	display: block;
}

@media screen and (max-width: 700px) {
	#tartalom article.content .hiba-1 {
		display: inline-block;
	}
	
	#tartalom article.content .hiba-1 img {
		margin-right: 0px;
		margin-left: 20%;
	}
	
	#tartalom article.content .hiba-2 {
		display: inline-block;
	}
	
	#tartalom article.content .hiba-2 img {
		width: 40%;
		margin-right: 40%;
	}
	
	#tartalom article.content .hiba-3 {
		display: block;
		margin: 0 auto;
		width: 100%;
		clear: both;
	}
	
		#tartalom article.content .hiba-3 img {
			width: 50%;
		}
	
	#tartalom article.content .hiba-3 p {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px) {
	#tartalom article.content .hiba-3 p.p1 {
		font-size: 20px
	}
	
	#tartalom article.content .hiba-3 p.p2 {
		font-size: 40px
	}
}

@media screen and (max-width: 500px) {
	#tartalom article.content .hiba-3 p.p1{
		font-size: 16px;
	}
	
	#tartalom article.content .hiba-3 p.p2 {
		font-size: 30px;
	}
	
	#tartalom article.content .hiba-3 p {
		line-height: 40px;
	}
}

@media screen and (max-width: 400px) {
	#tartalom article.content .hiba-3 img {
		width: 70%;
	}
}