@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

html, body {display: block; margin: 0; padding: 0; font-family: 'Open Sans Condensed', Arial, Tahoma, Verdana; color: #666666; font-size: 14px; line-height: 1.9em; background: none repeat scroll 0 0 #1C1F26; position: relative; height: 100%;}
IMG {border: 0px;}
A {text-decoration: none; vertical-align: baseline;}
i {border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;}

/** Linkek **/
.wide-container {width: 100%; position: relative; width: 100%; height: 100%;}
.wide-container.header {position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 100%;}
.wide-container.header > .head {position: relative; width: 100%; height: 60px; background: url(../images/structure/menu_bg.png) repeat; z-index: 10;}
.wide-container.header > .head > .logo {float: left;}
.wide-container.header > .head > .right {float: right; margin: 7px 5px;}
.nivoSlider {width: 100%; height: 100%; z-index: 5; background-attachment: fixed !important; background-size: cover !important; background-position: center center !important; margin-top: -60px; margin-bottom: -61px; z-index: 5;}

#menu {position: relative; width: 100%; height: 61px; background: url(../images/structure/menu_bg.png) repeat; z-index: 10;}
#menu > A.logo {position: absolute; top: 10px; left: 5px;}
#menu > A.facebook {position: absolute; top: 13px; right: 50px;}
#menu > A.twitter {position: absolute; top: 13px; right: 5px;}
#menu > A.email {position: absolute; top: 13px; right: 95px;}
#menu .menu-container {width: 960px; margin: 0 auto;}

#menu-mobil {position: fixed; width: 100%; height: 120px; background: url(../images/structure/menu_bg.png) repeat-x; background-size:auto 120px; z-index: 11;}
#menu-mobil > A.logo {position: absolute; top: 10px; left: 270px;}
#menu-mobil > A.logo IMG {height: 80px;}
#menu-mobil > A.facebook {position: absolute; top: 20px; right: 140px;}
#menu-mobil > A.twitter {position: absolute; top: 20px; right: 20px;}
#menu-mobil > A.email {position: absolute; top: 20px; right: 260px;}
#menu-mobil A.menu_btn {float: left; font-size: 60px; margin-top: 20px; margin-left: 10px; color: #eadcc5; line-height: 1.2em; font-weight: bold;}
#menu-mobil A.menu_btn > SPAN {border: 1px solid #eadcc5; border-radius: 10px; padding: 0 10px 2px 10px;}
#menu-mobil #mobile-menu {position: fixed; top: 100px; left: -820px; width: 660px; margin: 0 auto; height: 100%; background: #000000 url(../images/structure/menu_bg2.png) repeat; box-shadow: 10px 0px 10px #000000;}
#menu-mobil #mobile-menu UL, #mobile-menu UL * {margin: 0; padding: 0; list-style: none; font-family: "Open Sans Condensed";}
#menu-mobil #mobile-menu UL LI {width: 640px; height: 120px; border-bottom: 1px solid #000000; padding-left: 20px;}
#menu-mobil #mobile-menu UL LI A {font-size: 64px; line-height: 120px; color: #eadcc5; font-weight: bold; display: block;}

#menu-mobil.landscape {position: fixed; width: 100%; height: 60px; background: url(../images/structure/menu_bg.png) repeat-x; background-size: auto 60px; z-index: 11;}
#menu-mobil.landscape > A.logo {position: absolute; top: 5px; left: 170px;}
#menu-mobil.landscape > A.logo IMG {height: 40px;}
#menu-mobil.landscape > A.facebook {position: absolute; top: 10px; right: 70px;}
#menu-mobil.landscape > A.facebook IMG {width: 40px;}
#menu-mobil.landscape > A.twitter {position: absolute; top: 10px; right: 10px;}
#menu-mobil.landscape > A.twitter IMG {width: 40px;}
#menu-mobil.landscape > A.email {position: absolute; top: 10px; right: 130px;}
#menu-mobil.landscape > A.email IMG {width: 40px;}
#menu-mobil.landscape A.menu_btn {float: left; font-size: 27px; margin-top: 12px; margin-left: 10px; color: #eadcc5; line-height: 1.2em; font-weight: bold;}
#menu-mobil.landscape A.menu_btn > SPAN {border: 1px solid #eadcc5; border-radius: 10px; padding: 0 10px 2px 10px;}
#menu-mobil.landscape #mobile-menu {position: fixed; top: 60px; left: -820px; width: 500px; margin: 0 auto; height: 100%; background: #000000 url(../images/structure/menu_bg2.png) repeat; box-shadow: 10px 0px 10px #000000;}
#menu-mobil.landscape #mobile-menu UL, #mobile-menu UL * {margin: 0; padding: 0; list-style: none; font-family: "Open Sans Condensed";}
#menu-mobil.landscape #mobile-menu UL LI {width: 480px; height: 60px; border-bottom: 1px solid #000000; padding-left: 20px;}
#menu-mobil.landscape #mobile-menu UL LI A {font-size: 32px; line-height: 60px; color: #eadcc5; font-weight: bold; display: block;}


#mobile-menu.menu-container.landscape UL LI {width: 520px; height: 50px; border-bottom: 1px solid #000000; padding-left: 20px;}
#mobile-menu.menu-container.landscape UL LI A {font-size: 36px; line-height: 50px; color: #eadcc5; font-weight: bold; display: block;}

.container .main {width: 960px; padding: 5px; margin: 0 auto;}
.pattern {background: url(../../adat/pattern.png) repeat; z-index: 1;}

DIV.galeria_itemlist > DIV.item {position: relative; background-size: cover; background-position: center center; margin: 0px;}
DIV.galeria_itemlist > DIV.item > A {position: relative; width: 100%; height: 100%; font-size: 24px; color: #F78838; text-transform: uppercase; text-decoration: none; font-weight: bold;}
DIV.galeria_itemlist > DIV.item > A > DIV.overlay {position: relative; width: 100%; height: 100%; opacity: 0.0; background: url(../images/structure/title_bg) repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
DIV.galeria_itemlist > DIV.item > A > DIV.overlay > P {margin: 0px; padding: 22px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
DIV.galeria_itemlist > DIV.item > A > DIV.overlay > DIV.zoom {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/structure/zoom.png) no-repeat; background-position: center -100px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
DIV.galeria_itemlist > DIV.item > A:hover > DIV.overlay {position: relative; width: 100%; height: 100%; opacity: 1.0;}
DIV.galeria_itemlist > DIV.item > A:hover > DIV.overlay > P {color: #eadcc5;}
DIV.galeria_itemlist > DIV.item > A:hover > DIV.overlay > DIV.zoom {background-position: center center; color: #eadcc5;}
A.galeria_zoom {position: absolute; right: 5px; bottom: 0px; text-align: center; line-height: 178px; font-weight: bold; width: 14.25%; height: 178px; background: #101619; background-position: center center; background-size: 30px auto; font-size: 36px; color: #eadcc5; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
A.galeria_zoom:hover {color: #f78838;}
.clear {clear: both; height: 0px;}