h1,h2,h3,h4{
font-family: "Playfair Display", sans-serif;
font-weight: 400; 
}

@media screen and (min-width: 1420px) {
.top_line{
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 background:rgba(101,42,107,0.75);
 z-index:100;
}
.main_menu{
 position:relative;
 left:20px;
 width:1180px;
 top:0px; 
}
.lang_menu{
 position:absolute;
 right:20px;
 width:170px;
 top:0px;
 padding:25px 0px;
 color:#fce3d0;
}
.lang_menu a{
 color:#fce3d0 !important;
 text-decoration:none;
 transition:all 0.4s ease;
}
.lang_menu a:hover, .lang_menu a.active{
 text-decoration:underline;   
}

.intro_content{
 width:100%;
}
.main_content{
 width:100%;
 padding:120px 200px 60px 200px;
 background:#ffffff;
}
.highlighted_content{
 width:100%;
 padding:60px 200px;
 background:#ffffff;    
}
.bottom_line{
 width:100%;
 padding:60px 100px;
 background:#802a7c;
}
.footer{
color:#ffffff;
line-height:2em;    
}
.footer a{
color:#ffffff;
}
.footer a:hover{
color:#ac9481;
}
#blk4{
background:#ffffff;
padding:60px 200px;
}
#blk5{
background:#802a7c;
padding:20px 200px;
}
#blk6{
background:#f0e8f0;
padding:60px 200px;
}
}

@media screen and (min-width: 1020px) and (max-width: 1419px){
.top_line{
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 background:rgba(101,42,107,0.75);
 z-index:100;
}
.main_menu{
 position:relative;
 left:20px;
 width:900px;
 top:0px; 
}
.lang_menu{
 position:absolute;
 right:20px;
 width:100px;
 top:0px;
 padding:25px 0px;
 color:#fce3d0;
}
.lang_menu a{
 color:#fce3d0 !important;
 text-decoration:none;
 transition:all 0.4s ease;
}
.lang_menu a:hover, .lang_menu a.active{
 text-decoration:underline;   
}

.intro_content{
 width:100%;
}
.main_content{
 width:100%;
 padding:120px 100px 60px 100px;
 background:#ffffff;
}
.highlighted_content{
 width:100%;
 padding:60px 100px;
 background:#ffffff;    
}
.bottom_line{
 width:100%;
 padding:60px 60px;
 background:#802a7c;
}
.footer{
color:#ffffff;
line-height:2em; 
}
.footer a{
color:#ffffff;
}
.footer a:hover{
color:#ac9481;
}
#blk4{
background:#ffffff;
padding:60px 100px;
}
#blk5{
background:#802a7c;
padding:20px 100px;
}
#blk6{
background:#f0e8f0;
padding:60px 100px;
}
}

@media screen and (min-width: 801px) and (max-width: 1019px){
.top_line{
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 background:rgba(101,42,107,0.75);
 z-index:100;
}
.main_menu{
 position:relative;
 left:0px;
 width:900px;
 top:0px; 
}
.lang_menu{
 position:absolute;
 right:15px;
 width:70px;
 top:0px;
 padding:30px 0px;
 color:#fce3d0;
 text-align:right;
}
.lang_menu a{
 color:#fce3d0 !important;
 text-decoration:none;
 transition:all 0.4s ease;
}
.lang_menu a:hover, .lang_menu a.active{
 text-decoration:underline;   
}

.intro_content{
 width:100%;
}
.main_content{
 width:100%;
 padding:120px 100px 60px 100px;
 background:#ffffff;
}
.highlighted_content{
 width:100%;
 padding:60px 100px;
 background:#ffffff;    
}
.bottom_line{
 width:100%;
 padding:60px 60px;
 background:#802a7c;
}
.footer{
color:#ffffff;
line-height:2em;  
}
.footer a{
color:#ffffff;
}
.footer a:hover{
color:#ac9481;
}
#blk4{
background:#ffffff;
padding:60px 100px;
}
#blk5{
background:#802a7c;
padding:20px 100px;
}
#blk6{
background:#f0e8f0;
padding:60px 100px;
}
}

@media screen AND (max-width: 800px) {
.top_line{
 position:relative;
 left:0px;
 top:0px;
 width:100%;
 height:60px;
 background:rgba(101,42,107,1);
 z-index:100;
}
.main_menu{
 position:relative;
 width:100%;
 top:60px;
 background:rgba(101,42,107,0.75);
}
.lang_menu{
 position:absolute;
 right:20px;
 width:100px;
 top:15px;
 padding:0px 0px;
 color:#fce3d0;
}
.lang_menu a{
 color:#fce3d0 !important;
 text-decoration:none;
 transition:all 0.4s ease;
}
.lang_menu a:hover, .lang_menu a.active{
 text-decoration:underline;   
}

.intro_content{
 width:100%;
}
.main_content{
 width:100%;
 padding:120px 30px 60px 30px;
 background:#ffffff;
}
.highlighted_content{
 width:100%;
 padding:60px 30px;
 background:#ffffff;    
}
.bottom_line{
 width:100%;
 padding:60px 30px;
 background:#802a7c;
}
.footer{
color:#ffffff;
line-height:2em;  
}
.footer a{
color:#ffffff;
}
.footer a:hover{
color:#ac9481;
}
#blk4{
background:#ffffff;
padding:60px 30px;
}
#blk5{
background:#802a7c;
padding:20px 30px;
}
#blk6{
background:#f0e8f0;
padding:60px 30px;
}
.gwmmenubutton{
position:absolute;
left:20px;
top:10px;
z-index:90;
}
}

@media screen AND (max-width: 480px){
.w_sidebar .left_zone,.w_sidebar .main_zone,.w_sidebar .footer{
padding-right:15px;
}
}

@media screen AND (max-height: 480px){
.w_sidebar .left_zone,.w_sidebar .main_zone,.w_sidebar .footer{
padding-right:15px;
}
}

.zone1{
margin:0px;
padding:0px;
}
.zone1_text, .zone1_poll, .zone1_banner, .zone1_dynamic, .zone1_menu{
padding:0px;
}
.zone1_menu{
line-height:1em;
}
.zone1_menu_separator{
}
.zone1_menu0{
white-space:nowrap;
}
.zone1_menu0 a, .zone1_menu0 a.hover, .zone1_menu0 a.active, .zone1_menu0 a.active.hover{
font-size:1.2em;
display:block;
padding:31px 20px;
color:#fce3d0;
background:rgba(0,0,0,0);
text-transform:uppercase;
transition:all 0.4s ease;
}
.zone1_menu0 a.hover, .zone1_menu0 a.active, .zone1_menu0 a.active.hover, .zone1_menu0 a:hover {
color:#fce3d0;
background:rgba(80,6,77,100);
}
.zone1_menu1{
white-space:nowrap;
}
.zone1_menu1 a, .zone1_menu1 a.hover, .zone1_menu1 a.active, .zone1_menu1 a.active.hover{
font-size:0.83em;
display:block;
padding:20px 20px;
color:#fce3d0;
background:rgba(105,45,105,100);
border-bottom:1px solid #d58e1e;
}
.zone1_menu1 a.hover, .zone1_menu1 a.active, .zone1_menu1 a.active.hover, .zone1_menu1 a:hover{
color:#fce3d0;
background:rgba(80,6,77,100);
}
.zone1_menu2{
white-space:nowrap;
}
.zone1_menu2 a, .zone1_menu2 a.hover, .zone1_menu2 a.active, .zone1_menu2 a.active.hover{
font-size:1em;
display:block;
padding:20px 20px;
color:#fce3d0;
background:rgba(105,45,105,100);
border-bottom:1px solid #d58e1e;
}
.zone1_menu2 a.hover, .zone1_menu2 a.active, .zone1_menu2 a.active.hover, .zone1_menu2 a:hover{
color:#fce3d0;
background:rgba(80,6,77,100);
}

.zone2{
margin:0px;
padding:0px;
}
.zone2 h1{
margin:0;
margin-bottom:25px;
font-size:2em;
font-weight:bolder;
color:#ac9481;
}
.zone2 h2{
margin:0;
margin-bottom:25px;
font-size:2em;
font-weight:bolder;
color:#ac9481;
}
.zone2_text, .zone2_poll, .zone2_banner, .zone2_dynamic, .zone2_menu{
padding:0px;
}

.zone3{
margin:0px;
padding:0px;
}
.zone3 h1{
margin:0;
margin-bottom:25px;
font-size:2em;
font-weight:bolder;
color:#ac9481;
}
.zone3 h2{
margin:0;
margin-bottom:25px;
font-size:2em;
font-weight:bolder;
color:#ac9481;
}
.zone3_text, .zone3_poll, .zone3_banner, .zone3_dynamic, .zone3_menu{
padding:0px;
}

.zone4{
margin:0px;
padding:0px;
}
.zone4 h2{
margin:0;
margin-bottom:25px;
font-size:2em;
font-weight:bolder;
color:#ac9481;
}
.zone4_text, .zone4_poll, .zone4_banner, .zone4_dynamic, .zone4_menu{
padding:0px;
}

.zone5{
margin:0px;
padding:0px;
}
.zone5 h2{
margin:0;
margin-bottom:15px;
font-size:1em;
font-weight:normal;
color:#e1d9d2;
text-transform:uppercase;
}
.zone5_text, .zone5_poll, .zone5_banner, .zone5_dynamic, .zone5_menu{
padding:0px;
}
.zone5_menu{
line-height:1em;
},
.zone5_menu_separator{
}
.zone5_menu0{
white-space:nowrap;
}
.zone5_menu0 a, .zone5_menu0 a.hover, .zone5_menu0 a.active, .zone5_menu0 a.active.hover{
display:block;
padding:2px 0px;
color:#ffffff;
}
.zone5_menu0 a.hover, .zone5_menu0 a.active, .zone5_menu0 a.active.hover, .zone5_menu0 a:hover {
color:#ac9481;
}


@media screen and (max-width: 800px) {
 .zone1_submenu_hu, .zone1_submenu_vl, .zone1_submenu_vr, .zone2_submenu_hu, .zone2_submenu_vl, .zone2_submenu_vr, .zone3_submenu_hu, .zone3_submenu_vl, .zone3_submenu_vr, .zone4_submenu_hu, .zone4_submenu_vl, .zone4_submenu_vr, .zone5_submenu_hu, .zone5_submenu_vl, .zone5_submenu_vr{
 }
}

@media screen and (min-width: 801px) {
 .zone1_submenu_hu, .zone1_submenu_vl, .zone1_submenu_vr, .zone2_submenu_hu, .zone2_submenu_vl, .zone2_submenu_vr, .zone3_submenu_hu, .zone3_submenu_vl, .zone3_submenu_vr, .zone4_submenu_hu, .zone4_submenu_vl, .zone4_submenu_vr, .zone5_submenu_hu, .zone5_submenu_vl, .zone5_submenu_vr{
 position:absolute;
 border:1px solid #d58e1e;
 border-bottom:0px none;
 }
 .zone1_submenu_hu,.zone2_submenu_hu,.zone3_submenu_hu,.zone4_submenu_hu,.zone5_submenu_hu{
 }
 .zone1_submenu_vl,.zone2_submenu_vl,.zone3_submenu_vl,.zone4_submenu_vl,.zone5_submenu_vl{
 right:100%;
 top:0px;
 }
 .zone1_submenu_vr,.zone2_submenu_vr,.zone3_submenu_vr,.zone4_submenu_vr,.zone5_submenu_vr{
 left:100%;
 top:0px;
 }
}

#menuitem4 a, #menuitem4 a.hover, #menuitem4 a.active, #menuitem4 a.active.hover{
background:rgba(195,3,75,70) !important
}
#menuitem4 a.hover, #menuitem4 a.active, #menuitem4 a.active.hover, #menuitem4 a:hover {
background:rgba(80,6,77,100) !important;
}

.effect1 {
 float: left;
 display: inline-block;
 width: 90%;
 margin-left:5%;
 margin-right: 1.5%;
 position: relative;
 cursor: pointer;
}
.effect1 img {
 display:block;
 max-width: 100%;
 margin:0 auto;
}
.effect1 span {
 text-decoration: none;
  color: #fff;
  width: 100%;
  left: 0;
  text-align: left;
  font-size: 0.8em;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
  visibility: hidden;
  opacity: 0;
  bottom: 150px;
  transform: scale(0.3)
} 
.effect1:hover span {
  background-color: rgba(101,42,107,1);
  visibility: visible;
  height: 100%;
  padding: 10% 10%; 
  opacity: 1;
  bottom: 3px;
  transform: scale(1);
}

.effect2 {
 float: left;
 display: inline-block;
 width: 100%;
 margin-right: 1.5%;
 position: relative;
 cursor: pointer;
}
.effect2 img {
 max-width: 100%
}
.effect2 a {
 text-decoration: none;
  color: #fff;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 1em;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
 visibility: hidden;
 opacity: 0;
  bottom: 150px;
  transform: scale(0.3)
} 
.effect2:hover a {
  background-color: rgba(234,175,80,1);
  visibility: visible;
  height: 100%;
  padding: 10% 10%; 
  opacity: 1;
  bottom: 3px;
  transform: scale(1);
}

.effect3 {
 float: left;
 display: inline-block;
 width: 100%;
 margin-right: 1.5%;
 position: relative;
 cursor: pointer;
}
.effect3 img {
 max-width: 100%
}
.effect3 a {
 text-decoration: none;
  color: #fff;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 1em;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
 visibility: hidden;
 opacity: 0;
  bottom: 150px;
  transform: scale(0.3)
} 
.effect3:hover a {
  background-color: rgba(85,141,106,1);
  visibility: visible;
  height: 100%;
  padding: 10% 10%; 
  opacity: 1;
  bottom: 3px;
  transform: scale(1);
}

.effect4 {
 float: left;
 display: inline-block;
 width: 100%;
 margin-right: 1.5%;
 position: relative;
 cursor: pointer;
}
.effect4 img {
 max-width: 100%
}
.effect4 a {
 text-decoration: none;
  color: #fff;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 1em;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
 visibility: hidden;
 opacity: 0;
  bottom: 150px;
  transform: scale(0.3)
} 
.effect4:hover a {
  background-color: rgba(186,195,130,1);
  visibility: visible;
  height: 100%;
  padding: 10% 10%; 
  opacity: 1;
  bottom: 3px;
  transform: scale(1);
}

.effect5 {
 float: left;
 display: inline-block;
 width: 100%;
 margin-right: 1.5%;
 position: relative;
 cursor: pointer;
}
.effect5 img {
 max-width: 100%
}
.effect5 a {
 text-decoration: none;
  color: #fff;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 1em;
  height: 0px;
  position: absolute;
  transition: 0.5s ease all;
 visibility: hidden;
 opacity: 0;
  bottom: 150px;
  transform: scale(0.3)
} 
.effect5:hover a {
  background-color: rgba(16,39,91,1);
  visibility: visible;
  height: 100%;
  padding: 10% 10%; 
  opacity: 1;
  bottom: 3px;
  transform: scale(1);
}


.effect6{
 float: left;
 display: inline-block;
 width: 100%;
 position: relative;
 cursor: pointer;  
 transition: 0.5s ease all;
}
.effect6:hover{
 background:url(images/main/nyit02hvr.jpg);
 background-size:100%; 
}
.effect6:hover img{
 opacity:0;
}


.grid3_mod[data-columns]::after{
content:".";
display:block;
clear:both;
overflow:hidden;
line-height:0;
width:0;
height:0;
}

.size-1of3m {
width:33.333%;
}

@media screen and (max-width:800px) {
.grid3_mod{
position:relative;
}
.grid3_mod[data-columns]::before {
content:'1 .column';
}
.grid3_mod .griditem{
width:100%;
}
.size-1of3m {
width:33.333%;
}
}

@media screen and (min-width:801px) and (max-width:1000px) {
.grid3_mod{
position:relative;
margin-left:-1em;
}
.grid3_mod[data-columns]::before {
content:'3 .column.size-1of3m';
}
.grid3_mod .griditem{
width:50%;
}
.size-1of3m {
width:33.333%;
padding-left:1em;
padding-right:1em;
}
}

@media screen and (min-width:1001px) and (max-width:1200px) {
.grid3_mod{
position:relative;
margin-left:-2em;
}
.grid3_mod[data-columns]::before {
content:'3 .column.size-1of3';
}
.grid3_mod .griditem{
width:33%;
}
.size-1of3m {
width:33.333%;
padding-left:2em;
padding-right:2em;
}
}

@media screen and (min-width:1201px) {
.grid3_mod{
position:relative;
margin-left:-0em;
}
.grid3_mod[data-columns]::before {
content:'3 .column.size-1of3m';
}
.grid3_mod .griditem{
width:33%;
}
.size-1of3m {
width:33.333%;
padding-left:5em;
padding-right:5em;
}
}

.rounded{
border-radius:3em !important;    
}