@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Anton&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@300;400&display=swap');

.menu-mobile {
	visibility: hidden;
	width: 0px;
	max-height: 60px;
	z-index: 11;
	position: fixed;
  width: 100%;
  background: #FFFFFF;
  font-family: 'Anton', sans-serif;
	color: #000000;
	font-weight: 400;
	box-shadow: 0px 0px 10px #000000;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -o-transition: all 0.5s ease; /* IE 9 */
  -ms-transition: all 0.5s ease; /* Opera */
  transition: all 0.5s ease;
	}

.menu-mobile-logo { width: 60px; height: 60px; background: #d81d3c; display: inline-block; float: left; margin-right: 20px; }

span.menu-mobile-logo-h { color: #fff; font-family: 'Anton', sans-serif; font-size: 250%; padding:  0px 0px 0px 10px}

.menu-mobile-buttondiv { 
	width: 100%; 
	padding: 14px 10px; 
	background: #FFFFFF; 
	box-sizing: border-box; 
	font-size: 130%;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -o-transition: all 0.5s ease; /* IE 9 */
  -ms-transition: all 0.5s ease; /* Opera */
  transition: all 0.5s ease;
}

.menu-mobile-buttondiv:active { width: 100%; background: #d81d3c; box-sizing: border-box; color: #FFFFFF;}

.menu-mobile-buttondiv:active .menu-mobile-logo { background: #fff;  }

.menu-mobile-buttondiv:active span.menu-mobile-logo-h { color: #d81d3c; }

.menu-mobile-sub1 { background: #FFFFFF; box-sizing: border-box; }

.menu-mobile-sub1 a { text-decoration: none; color: #000000; }

.menu-mobile-sub1-button { 
	width: 100%; 
	padding: 16px 10px; 
	box-sizing: 
	border-box; 
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.menu-mobile-sub1-button:active { background: #d81d3c; color: #FFFFFF; }

.menu-mobile-sub2 { background: #c9c9c9; box-sizing: border-box; }

.menu-mobile-sub2 a { text-decoration: none; color: #000000; }

.menu-mobile-sub2-button { 
	display: inline-block; 
	padding: 12px 10px; 
	box-sizing: border-box; 
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.menu-mobile-sub2-button:active { background: #d81d3c; color: #FFFFFF; }

.menu-mobile-sub3 { background: #c9c9c9; box-sizing: border-box; }

.menu-mobile-sub3 a { text-decoration: none; color: #000000; }

.menu-mobile-sub3-button { 
	display: inline-block; 
	padding: 12px 10px; 
	box-sizing: border-box; 
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.menu-mobile-sub3-button:active { background: #d81d3c; color: #FFFFFF; }

.menu-mobile-font { font-family: 'Gemunu Libre', sans-serif; }


















.sidemenu { width: 66px; background: #fff; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 9999; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); font-family: 'Gemunu Libre', sans-serif; }

.sidemenu:hover { width: 220px; background: #fff; height: 100%; overflow: visible;}

.sidemenu-cover { display: block; 
	width: 1px; 
	height: 100vh; 
	position: fixed; 
	top: 0px; 
	left: 0px; 
	background: #000; 
	opacity: 0; 
	z-index: 9998; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease; 
	transition: 0.3s;
	overflow: hidden
	}

.sidemenu:hover + .sidemenu-cover { width: 100%; opacity: 0.8; }

.sidemenu-cover-version { position: absolute; top: 20px; right: 20px; width: auto; color: #ccc; font-size: 70%; text-align: left; font-family: 'Gemunu Libre', sans-serif; }

.sidemenu-social-box { width: 100%; min-height: 66px; position: absolute; bottom: 0px; left: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; overflow: visible;}

span.logo { 
  background: #d81d3c; 
  color: #FFF; 
  font-family: 'Anton', sans-serif; 
  font-size: 240%;
  font-weight: 400;
  width: 66px; 
  height: 66px; 
  display: inline-block; 
  padding: 4px 16px 0px 18px;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.logocontainer { width: 184px; }

span.logo span.logosmalltext { 
  display:block;
  float: left;
  color: #d81d3c;
  font-size: 60%;
  padding-top: 16px;
  overflow-x: hidden;   
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
 }

span.logo span.h {
  display: block;
  float: left;
  -webkit-transition: all 0.5s ease; 
  -moz-transition: all 0.5s ease; 
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidemenu:hover .logo { width: 220px; padding: 16px 20px 0px 20px; }

.sidemenu:hover span.h { font-size:60%; }

.sidemenu:hover span.logosmalltext { color: #fff; padding-top: 0px;}


#primary_nav_wrap
{
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease;
}

#primary_nav_wrap ul
{
  list-style:none;
  position:relative;
  float:left;
  margin:0;
  padding:0;
  width: 220px;
}

#primary_nav_wrap ul a
{
  display:block;
  color:#333;
  text-decoration:none;
  line-height:32px;
  font-family: 'Gemunu Libre', sans-serif;
  padding: 18px 18px 18px 66px;
  font-weight: 300;

}

#primary_nav_wrap ul li
{
  position:relative;
  float:left;
  margin:0;
  width: 220px;
}

#primary_nav_wrap ul li.current-menu-item
{
  background:#fff
}

#primary_nav_wrap ul li:hover
{
  background:#d81d3c; color: #FFFFFF !important;
}

#primary_nav_wrap ul li a:hover
{
  color: #FFFFFF;
}

#primary_nav_wrap ul li ul li a:hover > #primary_nav_wrap ul li a { color: #fff !important; }

#primary_nav_wrap ul ul
{
  display:none;
  position:absolute;
  top:0px;
  left: 220px;
  background:#fff;
  padding:0
}

#primary_nav_wrap ul ul li
{
  float:none;
  width:220px;
}

#primary_nav_wrap ul ul a
{
  padding:5px 15px
}

#primary_nav_wrap ul ul ul
{
  top:0;
  left:100%
}

#primary_nav_wrap ul li:hover > ul
{
  display:block

}

.more a { background-image: url(https://hispan.hu/photos/style/menu_more_1.png); background-repeat: no-repeat; background-position: right; }

.more:hover a { background-image: url(https://hispan.hu/photos/style/menu_more_2.png);  background-repeat: no-repeat; background-position: right; }

.nomore { background-image: url() !important; }

.more3 { background-image: url(https://hispan.hu/photos/style/menu_more_3.png); background-repeat: no-repeat; background-position: right; }

.more3:hover { background-image: url(https://hispan.hu/photos/style/menu_more_3_1.png); }

.sidemenu1 { background-image: url(https://hispan.hu/photos/style/sidemenu1.png); background-repeat: no-repeat; }
.sidemenu2 { background-image: url(https://hispan.hu/photos/style/sidemenu2.png); background-repeat: no-repeat; }
.sidemenu3 { background-image: url(https://hispan.hu/photos/style/sidemenu3.png); background-repeat: no-repeat; }
.sidemenu4 { background-image: url(https://hispan.hu/photos/style/sidemenu4.png); background-repeat: no-repeat; }
.sidemenu5 { background-image: url(https://hispan.hu/photos/style/sidemenu5.png); background-repeat: no-repeat; }
.sidemenu6 { background-image: url(https://hispan.hu/photos/style/sidemenu6.png); background-repeat: no-repeat; }
.sidemenu7 { background-image: url(https://hispan.hu/photos/style/sidemenu7.png); background-repeat: no-repeat; }

.sidemenu1:hover { background-image: url(https://hispan.hu/photos/style/sidemenu1w.png) !important; background-repeat: no-repeat !important; }
.sidemenu2:hover { background-image: url(https://hispan.hu/photos/style/sidemenu2w.png) !important; background-repeat: no-repeat !important; }
.sidemenu3:hover { background-image: url(https://hispan.hu/photos/style/sidemenu3w.png) !important; background-repeat: no-repeat !important; }
.sidemenu4:hover { background-image: url(https://hispan.hu/photos/style/sidemenu4w.png) !important; background-repeat: no-repeat !important; }
.sidemenu5:hover { background-image: url(https://hispan.hu/photos/style/sidemenu5w.png) !important; background-repeat: no-repeat !important; }
.sidemenu6:hover { background-image: url(https://hispan.hu/photos/style/sidemenu6w.png) !important; background-repeat: no-repeat !important; }
.sidemenu7:hover { background-image: url(https://hispan.hu/photos/style/sidemenu7w.png) !important; background-repeat: no-repeat !important; }

.sidemenuhide a { font-size: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

.sidemenu:hover .sidemenuhide a { font-size: 18px }







.menu {

	z-index:10;
	position: fixed;
    width: 100%;
    margin: auto;
    background-color: #FFFFFF;
   	font-family: 'Big Shoulders Text', cursive;

	color: #000000;
	font-size: 90%;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: 0px 0px 10px #000000;

}

.menu-icon {height: 20px; margin: 2px 2px -4px 2px;}

.te:hover .menu-icon { filter: invert(100%); }
.mi:hover .menu-icon { filter: invert(100%); }
.en:hover .menu-icon { filter: invert(100%); }

.menu-container { margin: auto; width: 1000px; }

.menu-container-left { float: left; width: 700px; height: auto; }

.menu-container-right { float: right; height: auto; }

.menu-freshpictures {
	background: rgba(0,0,0, 1);
	padding: 18px 0px 0px 0px;
	box-sizing: border-box;
	width: 100%;
	position: fixed;
	top: 170px;
	box-shadow: 0px 0px 10px #000000;
	z-index: 9;
	border-bottom: 6px solid #d81d3c;
}



#nav {

	margin: auto;
    width: 1018px;
    list-style: none;
	padding:0;

}

#nav li {

	display: inline-block;
	text-decoration: none;
	padding: 0px;

}

#nav li a {

	padding: 22px 10px;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;

}

#nav li a:hover {

	padding: 22px 10px;
	color: #FFFFFF !important;
	background: #d81d3c;
	text-decoration: none;

}

#submenu {

	margin: auto;
    width: 1018px;

}


.submmobilenuhide {
	display: none;
}

.panelhide {

	display: none;
	margin-top: 30px;

}

.panelhide:hover {

	display: none;
	color: #gggggg;

}



@media screen and (max-height: 600px) { .sidemenu-social-box { display: none; } }

@media only screen and (max-width: 1000px) {

	.sidemenu { display: none; }

	.menu { overflow: hidden; }

	.menu { visibility: hidden; width: 0px; height: 0px; }

	.menu-mobile { visibility: visible; width: 100%; max-width: 100%; margin-top: 0px; top: 0px}

	.panelhide { margin-top: 0px !important; }

}