/* CSS utf-8 ő */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700;800&display=swap');

BODY {font-family: 'Public Sans', sans-serif; font-size:15px; line-height:22px; color:#4c4c4c; padding:0px; margin:0px; text-align:center;}

A {color:#3E57D6; text-decoration:none;}
A:HOVER {color:#3E57D6; text-decoration:underline;}

P {margin:0;}
H1 {display:flex; justify-content:space-between; font-size:22px; line-height:30px; font-weight:bold; color:#C8178D;}
H2, .h2 {font-size:16px; color:#843091; font-weight:bold;}
H3 {font-size:15px; color:#000000; font-weight:bold; line-height:16px;}

.nodisplay {display:none;}
.nounder {text-decoration:none;}
.hand {cursor:pointer;}
.small {font-size:9px;}
.clear {clear:both;}
.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}
.button1 {font-size:15px; line-height:15px; font-weight:700; text-transform:uppercase; padding:7px 41px 7px 41px;}

.pagecontainer {width:1180px; margin:0 auto; text-align:left;}

.head {position:relative; display:flex; justify-content:space-between; align-items:flex-start; height:124px;}
.head .hlogo {display:flex; align-items:center; padding:4px 0 6px 10px; text-transform:uppercase;}
.head .hlogo A {color:#fa6727;}
.head .htext SPAN {display:block; font-size:18px; line-height:22px; font-weight:700; padding-left:10px;}
.head .htext {position:absolute; top:20px; left:130px;}
.head .hnav {height:124px; display:flex; flex-direction:column; justify-content:center; align-content:flex-end;}
.head .hmenu {display:flex; justify-content:flex-end; order:2; width:100%;}
.head .hmenu A {color:#3E57D6;}
.head .hmenu2 {display:flex; justify-content:flex-end; order:1; width:100%; margin-bottom:20px;}
.head .hmenu2 A {color:#2EAC68;}
.head .hburger {display:none;}
.hline {width:100%; height:2px; background: linear-gradient(90deg, rgba(228,93,74,1) 10%, rgba(240,231,40,1) 66%, rgba(10,204,20,1) 100%);}

.sitemenu {position:absolute; width:800px; top:21px; left:140px;}

.menutabs {overflow:show;}
.menutabs UL {display:flex; justify-content:flex-end; margin:0; padding:0; padding-left:5px; font-size:20px; line-height:20px; font-weight:bold; list-style-type:none;}
.menutabs LI:last-child .menuitem {margin-right:0;}
.menutabs LI .menuitem {display:block;  text-decoration:none; margin:0; padding:5px 10px 5px 10px; margin-right:10px; color:#3E57D6;}

.menutabs LI .homeiconlink {padding:0 10px 0 10px;}
.menutabs LI .homeiconlink .homeicon {display:block; width:20px; height:20px; background:url(/images/icons/house.svg) no-repeat 0px 0px; background-size:contain; padding-bottom:2px; margin-top:5px;}

.menutabs LI .menupanel {display:none; position:absolute; width:200px; margin-top:0px; background:#3E57D6; padding:10px 13px 13px 13px; z-index:330;}
.menutabs LI:HOVER .menuitem {opacity:0.75;}
.menutabs LI:HOVER .menupanel {display:block;}
.menutabs LI:HOVER .menupanel .mpmenuitems {}
.menutabs LI:HOVER .menupanel .mpmenuitems UL {flex-direction:column; margin:0; padding:0; list-style-type:none;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI {background:url(/images/arrow1small_white.png) no-repeat left; padding-left:20px; font-weight:bold; float:none; margin-right:20px;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI:last-child  {margin-right:0;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-size:14px; font-weight:bold; color:#ffffff; line-height:30px; text-transform:none;}

.menutabs2 UL {display:flex; justify-content:flex-end; margin:0; padding:0; font-size:18px; line-height:18px; font-weight:600; list-style-type:none;}
.menutabs2 LI:last-child .menuitem {margin-right:0;}
.menutabs2 LI .menuitem {display:block;  text-decoration:none; margin:0; padding:5px 10px 5px 10px;  margin-right:10px; color:#2EAC68;}
.menutabs2 LI .menupanel {display:none; position:absolute; margin-top:0px; background:#2EAC68; padding:10px 13px 13px 13px; z-index:330;}
.menutabs2 LI:HOVER .menuitem {opacity:0.75;}
.menutabs2 LI:HOVER .menuitem {opacity:0.75;}
.menutabs2 LI:HOVER .menupanel {display:block;}
.menutabs2 LI:HOVER .menupanel .mpmenuitems {}
.menutabs2 LI:HOVER .menupanel .mpmenuitems UL {flex-direction:column; margin:0; padding:0; list-style-type:none;}
.menutabs2 LI:HOVER .menupanel .mpmenuitems UL LI {background:url(/images/arrow1small_white.png) no-repeat left; padding-left:20px; font-weight:bold; float:none; margin-right:20px;}
.menutabs2 LI:HOVER .menupanel .mpmenuitems UL LI:last-child  {margin-right:0;}
.menutabs2 LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-size:14px; font-weight:bold; color:#ffffff; line-height:30px; text-transform:none;}

.menutabs UL LI:hover .issubmenu {color:#fff; background-color:#3E57D6; opacity:1;}
.menutabs2 UL LI:hover .issubmenu {color:#fff; background-color:#2EAC68; opacity:1;}

.content {margin-top:50px;}
.content .left {width:300px; float:left; margin-right:20px;}
.content .right {width:860px; float:left;}

.leftbox {margin-bottom:40px;}
.leftbox .lbtitle {font-size:15px; line-height:24px; color:#7bc817; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}
.leftbox .lbcontent {}
.leftbox .lbcontent .submenu {background-color:#F1F1F1; list-style-type:none; margin:0; padding:0;}
.leftbox .lbcontent .submenu .mainmenuitem {display:block; background-color:#f1f1f1; border-bottom:1px solid #D9D9D9; padding:0px; margin:0px; background:url(/images/arrow1small_gray2.png) no-repeat 4% 50%; padding-left:20px; font-weight:bold;}
.leftbox .lbcontent .submenu .mainmenuitem A {box-sizing:border-box; display:block; color:#3E57D6; height:100%; width:100%; padding:10px;}
.leftbox .lbcontent .submenu .mainmenuitemselected {background:url(/images/arrow1small_white.png) no-repeat 4% 50%; background-color:#3E57D6; font-weight:bold; padding-left:20px;}
.leftbox .lbcontent .submenu .mainmenuitemselected A {color:#f1f1f1;}
.leftbox .lbcontent .submenu .mainmenuitemselected A:HOVER {text-decoration:none;}
.leftbox .lbcontent .submenu .submenuitem {display:block; font-size:12px; font-weight:bold; padding:5px 0px 5px 18px;text-decoration:none; background:url(/images/arrow_submenu.gif) no-repeat 4px 11px; border-bottom:1px solid #e5e5e5;}
.leftbox .lbcontent .submenu .submenuitemselected {color:#000000; text-decoration:none;}
.leftbox .lbcontent .submenu .submenuitem:HOVER {background-color:#ededed;}
.leftbox .lbcontent .submenu .submenuitemlast {border-bottom:0px;}
.leftbox .lbcontent .submenu .mainmenuitem:last-child {border-bottom:0;}

.leftbox .lbcontent .newsbox1 {margin-right:0;}
.leftbox .lbcontent .newsbox1 .info .title {font-size:15px; line-height:20px; margin:5px 0;}
.leftbox .lbcontent .newsbox1 .info .text {display:none;}

.leftbanner {display:grid; width:100%; background-color:#F1F1F1; border:1px solid #F1F1F1; grid-template-columns:100px 1fr; grid-template-rows:70px; margin-bottom:10px;}
.leftbanner .pic {background-repeat:no-repeat; background-size:cover; background-position:center;}
.leftbanner .pic A {display:block; width:100%; height:100%;}
.leftbanner .info A {box-sizing:border-box; display:block; height:100%; color:#3E57D6; font-size:17px; line-height:20px; font-weight:700; text-transform:uppercase; padding:10px;}
.leftbanner .info A:HOVER {text-decoration:none;}

.banner1 {margin-bottom:10px;}

.hirdeteslabel {font-family:Arial; font-size:9px; color:#b7b6b6; letter-spacing:3px; margin-bottom:3px;}
.hirdeteslabel SPAN {background:url(/images/hirdetesarrow.gif) no-repeat right center; padding-right:8px;}

.mainbox1 {padding:40px;}
.mainbox1 H1 {clear: both; margin: 0px auto; padding: 5px 0 20px; font-weight: bold; font-size:30px; color:#4c4c4c; line-height:34px; text-align:center;}
.mainbox1 .lead {padding:0; font-size:18px;	line-height:22px; color:#4c4c4c; text-align:center;	margin: 0 90px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);}
.mainbox1 .text {padding:0; font-size:14px;	line-height:18px; color: #4c4c4c; text-align:center; margin: 0 90px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);}

.box1 {}
.box1 .pic {}

.firstpageview1 {display:grid; grid-template-columns:repeat(4, 200px); grid-row-gap:20px; justify-content:space-between;}
.box2 {width:200px;}
.box2 .pic {width:200px; height:115px; overflow:hidden; background:url(/images/icons/camera.svg) no-repeat center; background-size:15%; background-color:#F1F1F1;}
.box2 .title {font-size:18px; line-height:20px; font-weight:700; text-align:center; margin-top:10px;}

.commonsepline {height:3px; background-color:#f9f9f9}

.homeblock1 {width:440px; float:left; margin-right:20px;}
.homeblock2 {width:220px; float:right;}

.homepromo {margin-bottom:20px;}
.homepromo .hptitle {font-size:18px; line-height:22px; font-weight:700; margin-bottom:10px;}
.homepromo .hppic {margin-bottom:10px;}
.homepromo .hptext {font-size:14px; line-height:18px; color:#564e47;}

.tile1 {display:block; width:45px; height:33px; padding-top:13px; margin-right:10px; margin-bottom:10px; float:left; background-color:#d4d0ca; text-align:center; text-decoration:none; font-size:22px; font-weight:700;}
.tile1:HOVER {background-color:#842e2e; color:#d4d0ca;}

.lastbox {margin-right:0px;}

.ici_slideshow_window {cursor:pointer;}
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:1000; top:0; background:rgba(237,237,237,.97);}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:10px; z-index:1;}
.ici_slideshow_window .ici_slideshow_window_close:hover::before,
.ici_slideshow_window .ici_slideshow_window_close:hover::after { background: #EE3E36;}
.ici_slideshow_window .ici_slideshow_window_close::before,
.ici_slideshow_window .ici_slideshow_window_close::after {position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #acacac; content:'';}
.ici_slideshow_window .ici_slideshow_window_close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_content {color: #fff; margin:0 auto; max-width:1600px; border:none; height:100vh; width:100vh;}
.ici_slideshow_window .ici_slideshow_window_content IMG {max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0;}

.ici_slideshow_window .ici_slideshow_window_next {height:25px; width:25px; float:right; cursor:pointer; position:absolute; right:40px; top:50%;  border-right:1px solid #acacac; border-top:1px solid #acacac; background:transparent; transform:rotate(45deg); }
.ici_slideshow_window .ici_slideshow_window_next:hover {border-right:2px solid #acacac; border-top:2px solid #acacac;}

.ici_slideshow_window .ici_slideshow_window_previous {height:25px; width:25px; float:right; cursor:pointer; position:absolute; left:40px; top:50%; border-left:1px solid #acacac; border-top:1px solid #acacac; background:transparent; transform:rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_previous:hover {border-left:2px solid #acacac; border-top:2px solid #acacac;}

.bigpromo {width:100%; height:300px; position:relative; margin-bottom:20px;}
.bigpromo .pic {width:100%; height:300px;}
.bigpromo .pic IMG {}
.bigpromobg {display:block; width:100%; height:460px; position:absolute;}
.bigpromo .info {display:none; box-sizing:border-box; position:absolute; width:541px; height:280px; background-color:#fff; left:12px; bottom:33px; padding:22px;}
.bigpromo .info .title {font-size:30px; line-height:34px; font-weight:800; text-transform:uppercase; margin-bottom:7px;}
.bigpromo .info .title A {color:#3E57D6;}
.bigpromo .info .text {color:#888; font-size:22px; line-height:30px;}
.bigpromo .info .more {display:flex; position:absolute; right:22px; bottom:22px;}
.bigpromo .info .more .button1 {color:#fff; font-size:19px; text-align:center; background-color:#3E57D6; padding:13px 45px;}

.informcontainer {display:grid; grid-template-columns:667px 493px; justify-content:space-between; margin-bottom:32px;}
.smallpromocont {display:grid; grid-row-gap:20px; align-items:flex-start;}
.smallpromobox1 {display:grid; grid-template-columns:236px 1fr; background-color:#F1F1F1;}
.smallpromobox1 .pic {width:236px; height:210px; background-color:#F1F1F1;}
.smallpromobox1 .pic IMG {width:236px; height:210px;}
.smallpromobox1 .info {display:flex; flex-direction:column; position:relative; margin:17px 17px 0 17px;}
.smallpromobox1 .info .title {font-size:22px; line-height:27px; font-weight:800; text-transform:uppercase; margin-bottom:3px;}
.smallpromobox1 .info .title A {color:#3E57D6;}
.smallpromobox1 .info .text {font-size:16px; line-height:23px; color:#888888; margin-right:8px;}
.smallpromobox1 .info .more {display:flex; position:absolute; right:0; bottom:10px;}
.smallpromobox1 .info .more .button1 {color:#3E57D6; text-align:center; border:1px solid #3E57D6;}

.infoboxcontainer {display:grid; grid-template-columns:repeat(2, 238px); grid-template-rows:repeat(2, 210px); justify-content:space-between; align-content:space-between; grid-row-gap:20px;}
.infobox {}
.infobox SPAN {display:block; width:238px; height:210px;}

.newsevents {margin-bottom:32px;}
.newseventscontainer {display:grid; grid-template-columns:682px 498px; justify-content:space-between;}
.newseventscontainer .containertitle {color:#fff; font-size:16px; line-height:16px; font-weight:700; background-color:#3E57D6; padding:12px 0 12px 20px; margin-bottom:22px;}
.newsbox1 {box-sizing:border-box; display:grid; grid-template-columns:100px 1fr; grid-template-rows:100px; border:1px solid #D9D9D9; margin-right:15px; margin-bottom:20px;}
.newsbox1 .pic {background-image:url(/images/logo.png); background-repeat:no-repeat; background-size:contain;}
.newsbox1 .info {display:flex; flex-direction:column; margin:0 15px;}
.newsbox1 .info .title {font-size:19px; line-height:25px; margin-top:7px;}
.newsbox1 .info .title A {color:#3E57D6; font-weight:800; text-transform:uppercase; cursor:pointer;}
.newsbox1 .info .text {font-size:14px; line-height:14px; color:#888; font-weight:700; text-transform:lowercase; margin-top:5px; text-align:left;}
.newscontainer P {text-align:right; margin-right:15px;}
.newscontainer P A {color:#3E57D6;}
.eventsbox1 {box-sizing:border-box; display:grid; grid-template-columns:100px 1fr; grid-template-rows:100px; border:1px solid #D9D9D9; margin-bottom:20px;}
.eventsbox1 .date {display:flex; justify-content:center; align-items:center; font-size:20px; line-height:24px; color:#fff; background-color:#C8178D; text-transform:uppercase; text-align:center; font-weight:700;}
.eventsbox1 .info {display:flex; align-items:center; margin:0 15px;}
.eventsbox1 .info .title {font-size:19px; line-height:25px; color:#888888; font-weight:700;}
.eventsbox1 .info .title A {color:#3E57D6;}
.eventscontainer .photos {margin-bottom:20px;}
.eventscontainer .photos .programsbox1 {}
.eventscontainer P {display:flex; justify-content:space-between;}
.eventscontainer P A {color:#3E57D6;}
.photosbox1 {box-sizing:border-box; display:grid; grid-template-columns:100px 1fr; grid-template-rows:100px; border:1px solid #D9D9D9; margin-bottom:20px;}
.photosbox1 .pic IMG {width:100%; height:100%; object-fit:cover;}
.photosbox1 .info {display:flex; flex-direction:column; margin:0 15px;}
.photosbox1 .info .title {font-size:19px; line-height:25px; margin-top:7px;}
.photosbox1 .info .title A {color:#3E57D6; font-weight:800; text-transform:uppercase; cursor:pointer;}
.photosbox1 .info .albumdate {font-size:14px; line-height:14px; color:#888; font-weight:700; text-transform:lowercase; margin-top:5px; text-align:left;}

.multidirselect {display:flex; justify-content:flex-end; position:relative;}
.multidirselect SELECT {display:block; font-family:'Public Sans', sans-serif; font-size:16px; font-weight:700; line-height:16px; padding:10px 30px 10px 10px; box-sizing:border-box; margin:0; border:1px solid #aaa; border-radius:10px; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color:#fff; background-image: url('/images/arrow1small_orange.png'); background-repeat:no-repeat; background-position:right 10px center; background-size:10px auto;} 
.multidirselect SELECT OPTION {font-family:'Public Sans', sans-serif;}
.footer {display:grid; grid-template-columns:705px 250px 32px; justify-content:space-between; margin-top:68px; margin-bottom:58px;}
.footercontainer .credit {text-align:center; padding-bottom:20px; margin-top:60px;}
.footercontainer .credit A {font-size:12px; color:#777;}

.contactcontainer {display:grid; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(2, auto); grid-row-gap:10px; grid-column-gap:50px; color:#686868; font-size:18px; line-height:24px; font-weight:700;}
.contact {display:flex; align-items:center;}
.contact .icon1 {width:27px; height:27px; background-image:url(/images/icons/education.svg); background-size:contain; background-repeat:no-repeat; margin-right:16px;}
.contact .icon2 {width:27px; height:27px; background-image:url(/images/icons/phone.svg); background-size:contain; background-repeat:no-repeat; margin-right:16px;}
.contact .icon3 {width:27px; height:27px; background-image:url(/images/icons/pin.svg); background-size:contain; background-repeat:no-repeat; margin-right:16px;}
.contact .icon4 {width:27px; height:27px; background-image:url(/images/icons/email.svg); background-size:contain; background-repeat:no-repeat; margin-right:16px;}

.creditcontainer {display:flex; align-items:center;}
.creditcontainer .finfo {display:flex; flex-direction:column; justify-content:center; font-size:14px; line-height:19px; margin-left:20px;}
.creditcontainer .finfo P A {color:#3E57D6;}

.socialcontainer {display:flex; align-items:center; justify-content:flex-start;}
.socialcontainer A SPAN {display:block; width:32px; height:32px; background-image:url(/images/icons/facebook.svg); background-size:contain;}

.contentcontainer {margin-bottom:32px;}

.tamogatas {display:flex; justify-content:center; align-items:flex-start;}

.cookieaccept {box-sizing:border-box; position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding:10px 50px;}
.cookieaccept A {color:#c2c2c2;}
.cookieaccept .cookieaccept_content {width:100%; margin:0 auto; position:relative; color:#ffffff; font-size:14px; line-height:18px; text-align:left;}
.cookieaccept .cookieaccept_content .cookieccepttext {display:block; float:left;}
.cookieaccept .cookieaccept_content .cookiecceptnav {float:right; text-align:left;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block; margin-bottom:10px; padding-top:5px;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {color:#fff; background-color:#3E57D6; margin-left:10px; font-size:13px; text-decoration:none; cursor:pointer;}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width:1024px) and (max-width:1280px) {



}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {


    .mobilemenu {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; background-color:#fff; z-index:3000; text-align:left; padding:20px 0px 20px 0px;}
    .mobilemenu .mobilemenulogo {display:block; position:relative; padding-left:10px; margin-bottom:50px;}
    .mobilemenu .mobilemenulogo A {display:block; width:90px; height:auto;}


    .mobilemenu .mobilemenuinner {position:relative;}
    .mobilemenu .mobilemenuinner .mobilemenuclose {position:absolute; top:0; right:10px;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}
    .mobilemenu .mobilemenuinner .mobilemenulogo {position:relative; padding-left:10px; margin-bottom:20px;}
    .mobilemenu .mobilemenuinner .mobilemenulogo IMG {width:100%; height:auto;}
    .mobilemenu .mobilemenuinner UL {list-style-type:none; margin:0; padding:0;}
    .mobilemenu .mobilemenuinner UL LI {margin:0px; padding:0px; border-bottom:1px solid #cccccc;}
    .mobilemenu .mobilemenuinner UL LI A {display:block; text-decoration:none; font-size:22px; line-height:22px; font-weight:700; color:#f37019; padding:10px 0px 10px 10px;}
    .mobilemenu .mobilemenuinner UL LI A:HOVER {color:#f79453;}
    .mobilemenu .mobilemenuinner UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:right 13px; background-size:20px; margin-right:5px;}
    .mobilemenu .mobilemenuinner UL LI A.nomenusign {display:inline-block; width:20px; height:20px; margin-right:5px;}
    .mobilemenu .mobilemenuinner UL LI A.selected .sub0menusign {}
    .mobilemenu .mobilemenuinner UL LI UL {margin-top:0px; background-color:#f37019; padding:15px 0px 15px 0px;}
    .mobilemenu .mobilemenuinner UL LI UL LI {margin:0px; padding:0px; border-bottom:0px;}
    .mobilemenu .mobilemenuinner UL LI UL LI A {display:block; font-size:18px; line-height:18px; font-weight:600; color:#ffffff; padding:10px 0px 10px 40px; text-transform:none;}
    .mobilemenu .mobilemenuinner UL LI UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:10px 13px; background-size:18px;}
    .mobilemenu .mobilemenuinner UL LI UL LI A.nomenusign {}
    .mobilemenu .mobilemenuinner UL LI UL LI A.selected {}
    .mobilemenu .mobilemenuinner UL LI UL LI UL {font-size:0.8em; font-weight:400; line-height:1.5em; color:#666666; margin-top:1.6em; margin-bottom:1.6em; background-color:#ee9c22; padding:10px 0px 10px 60px;}
    .mobilemenu .mobilemenuinner UL LI UL LI UL LI {margin:0 0 0.7em 0; padding:0; border-bottom:0px;}
    .mobilemenu .mobilemenuinner UL LI UL LI UL LI A {text-transform:none; padding-left:0px; padding-bottom:0em;}
    .mobilemenu .mobilemenuinner .mobilemenufooter {position:relative; font-size:14px; line-height:20px; color:#ffffff; padding:30px 10px 50px 10px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter A {color:#ffffff;}

    H2.h2home {font-size:22px; padding:0; margin-bottom:20px;}

    UL {padding-left:15px;}

    .headcontainer {position:fixed; height:67px; width:100%; background-color:#fff; border-bottom:1px solid #D9D9D9; z-index:2000;}
    .headcontainermobile {display:block; height:67px; width:100%;}

    .head {height:67px;}
    .head .hlogo {position:relative; font-size:32px; font-weight:900; display:flex; vertical-align:top; padding:6px 0 0 0;}
    .head .hlogo IMG {width:55px; height:55px;}

    .head .htext {position:unset;}

    .head .hlang {position:absolute; display:block; right:0px; top:8px; width:60px; z-index:1001; padding:5px 10px 5px 10px; border:1px solid transparent;}
    .head .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px;}
    .head .hlang .hlselected SPAN {display:none;}
    .head .hlang .hlpanel UL LI A SPAN {display:none;}

    .head .hburger {display:block; position:absolute; top:10px; right:5px; width:40px; height:30px; cursor:pointer;}
    .head .hburger SPAN {display:inline-block; width:100%; height:6px; background:#272b2b; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
    .head .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-11px; width:100%; height:6px; background:#272b2b; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
    .head .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:11px; width:100%; height:6px; background:#272b2b; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}

    .head .hmenu {display:none;}
    .head .hmenu2 {display:none;}

    .hline {display:none;}

    .content {margin-top:20px;}

    .pagecontainer {box-sizing:border-box; width:100%; padding:0 10px;}
    
    .bigpromo {position:unset; height:auto; border:1px solid #D9D9D9;}
    .bigpromo .pic {width:100%; height:300px;}
    .bigpromo .pic IMG {width:100%; height:100%; object-fit:cover;}
    .bigpromo .info {position:unset; width:100%; height:auto; padding:20px 10px;}
    .bigpromo .info .text {font-size:18px; line-height:27px; margin-top:15px; margin-bottom:15px;}
    .bigpromo .info .title {font-size:25px; line-height:30px;}
    .bigpromo .info .more {position:unset; display:flex; justify-content:center; width:100%;}

    .content {display:flex; flex-direction:column;}
    .content .left {width:100%; order:2; margin-right:0; margin-top:50px;}
    .content .right {width:100%; order:1;}
    
    .informcontainer {grid-template-columns:1fr; grid-row-gap:20px;}
    .smallpromobox1 {grid-template-columns:1fr;}
    .smallpromobox1 .pic {width:100%; background-repeat:no-repeat; background-size:100%; background-position:center;}
    .smallpromobox1 .pic IMG {width:100%; height:100%; object-fit:cover;}
    .smallpromobox1 .info {box-sizing:border-box; width:100%; margin:0; padding:20px;}
    .smallpromobox1 .info .title {font-size:20px; line-height:26px; margin-bottom:5px; margin-right:0;}
    .smallpromobox1 .info .text {margin-right:0; margin-bottom:11px;}
    .smallpromobox1 .info .more {position:unset; display:flex; justify-content:center; width:100%;}
    .infobox3 .info .more {bottom:22px;}
    .infobox4 .info .more {bottom:22px;}

    .infoboxcontainer {grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, auto); grid-column-gap:5px; grid-row-gap:0;}
    .infobox {width:100%; height:100%;}
    .infobox IMG {width:100%; height:100%; object-fit:contain;}
    
    .programsbox1 .info .title {font-size:17px; line-height:22px;}

    .newseventscontainer {grid-template-columns:1fr;}
    .newscontainer {margin-bottom:12px;}
    .newscontainer P {margin-bottom:20px;}
    .newsbox1 {grid-template-columns:100px 1fr; grid-template-rows:100px; margin-right:0;}
    .newsbox1 .pic {width:100%; background-size:cover; background-position:center;}
    .newsbox1 .pic IMG {width:100%; height:100%; object-fit:cover;}
    .newsbox1 .info {padding:5px 0 5px 10px; margin:0;}
    .newsbox1 .info .title {font-size:15px; line-height:20px; margin-top:0;}
    .newsbox1 .info .text {font-size:13px; line-height:13px; margin:0; margin-top:5px;}

    .eventscontainer P {margin-bottom:20px;}

    .leftbox .lbcontent .newsbox1 .info .text {display:block;}

    .box2 {width:100%; height:auto; margin-right:0; margin-bottom:30px;}
    .box2 .pic {width:100%;}

    .footer {grid-template-columns:1fr; margin-bottom:0;}
    .contactcontainer {font-size:16px; grid-template-columns:1fr; grid-template-rows:1fr;}
    .creditcontainer {margin-top:32px;}

    .socialcontainer {justify-content:center; margin-top:10px; margin-bottom:20px;}

    .cookieaccept {position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding:10px;}
    .cookieaccept .cookieaccept_content {display:flex; flex-direction:column; font-size:13px; line-height:20px;}
    .cookieaccept .cookieaccept_content .cookieccepttext {display:block; width:100%; float:left;}
    .cookieaccept .cookieaccept_content .cookiecceptnav {display:flex; justify-content:center; width:auto;}
    .cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block; margin-bottom:10px; padding-top:5px;}
    .cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {font-size:13px; text-decoration:none;}	
}


/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {


}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

/* @media (min-width:481px) and (max-width:767px) { */
@media (max-width:767px) {

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width:480px) {


}

