@charset "UTF-8";
/* CSS Document */
*{
 padding: 0;
 margin: 0;
 outline:none;
}
@font-face {
     font-family: 'trajanpro-regular';
    src: url('../assets/trajanpro-regular.eot');
    src: url('../assets/trajanpro-regular.eot') format('embedded-opentype'),
         url('../assets/trajanpro-regular.woff') format('woff'),
         url('../assets/trajanpro-regular.ttf') format('truetype'),
         url('../assets/trajanpro-regular.svg#trajanpro-regular') format('svg');}
body{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size:14px;line-height:18px;color: #fff;width:100%;text-align:justify;background:#000;
 -webkit-animation: glow-body 10s infinite linear;
-moz-animation: glow-body 10s infinite linear;
-ms-animation: glow-body 10s infinite linear;
-o-animation: glow-body 10s infinite linear;
animation: glow-body 10s infinite linear;}
a{text-decoration:none;color: #A8A8A8;}
a:hover{text-decoration:none;color: #fff;text-shadow: 0 0 7px #000;}
h1,h2{font-weight: bold;color: #FDFBFB;text-align: center;}
h2{font-size:20px;}
h3{font-size: 32px;line-height: 15px;}
ul, ol{margin-left:0px;/* text-align:left; */}
ul li{margin-left:20px;list-style-type: none;display: table;/* float: left; */}
img{border:none;max-width:100%;height:auto;}
#width{width: 94%;padding: 0px 2px;margin: 0 auto;}
#site{width: 100%;}
#top{display: table;width: 100%;}
#napis{width: 35%;height: 100%;margin-top: 3%;}
#napis a{color:#fff;}
#social{width:150px;display: table;margin-top: 8%;position: relative;}
#social img{ margin-left: 10%;-webkit-transition: all 0.5s ease-out;transition:  all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; top: 70px !important; left: -67px !important;}
#social img:hover{-webkit-transition: all 0.5s ease-out;transition:  all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transform: scale(1.15);transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);}
#content{border-radius: 15px;height: 390px;background: rgba(100, 8, 128, 0.68);padding: 11px;margin-top: -284px;line-height: 25px;width: 62%;float: right;overflow-y: scroll;position: relative;}
#content .item-page{font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;display:table;   line-height: 22px;margin: 0px 12px;color:#fff;}
div#tecza { position: fixed;top: 0;right: 0;}
nav.zatr-menu-opener{display:table;}
nav.zatr-menu.active ul{display:table-cell;padding:0;vertical-align:middle;text-align:right;width:220px;}
.zatr-menu.active a{color:#FFFFFF;text-transform:uppercase;position:relative;z-index:99999;display:block;margin:15px 0;font-size:25px;font-weight:bold;line-height:30px;}
.zatr-menu.active a:hover,.zatr-menu.active .current.active a{color:#FFBE00;}
.zatr-menu.active .zatr-menu-link:hover{color:#FFBE00;}
.zatr-menu-opener,.zatr-menu-opener:hover,.zatr-menu-opener.active,.zatr-menu-opener-inner,.zatr-menu-opener-inner::before,.zatr-menu-opener-inner::after,.zatr-menu,.zatr-menu.active{-webkit-transition:250ms all;transition:250ms all;-ms-transition:250ms all;}
.zatr-menu-opener{cursor:pointer;height:64px;position:fixed;display:none;top:30px;right:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:64px;z-index:10000000;background:transparent;}
.zatr-menu-opener-inner{margin-left:.75rem;margin-top:1.75rem;}
.zatr-menu-opener-inner::before,.zatr-menu-opener-inner::after{content:'';display:block;}
.zatr-menu-opener-inner::before{-webkit-transform:translateY(-0.75rem);-ms-transform:translateY(-0.75rem);transform:translateY(-0.75rem);}
.zatr-menu-opener-inner::after{-webkit-transform:translateY(0.25rem);-ms-transform:translateY(0.25rem);transform:translateY(0.25rem);}
.zatr-menu-opener-inner.active{background:transparent;}
.zatr-menu-opener-inner.active::before{-webkit-transform:translateY(0rem) rotate(-45deg);-ms-transform:translateY(0rem) rotate(-45deg);transform:translateY(0rem) rotate(-45deg);}
.zatr-menu-opener-inner.active::after{-webkit-transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);-ms-transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);}
.zatr-menu{background: rgba(0, 0, 0, 0.73);z-index:10000000;color:#fff;height:64px;position:fixed;z-index: 999999 !important;top:0;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0rem;}
.zatr-menu.active{width:280px;z-index:9999999;height:100%;padding-right:105px;display:table;padding:20px;border-left: 4px solid #EE21FC;}
.zatr-menu-inner{display:none;-ms-flex-direction:row;height:100%;list-style-type:none;margin:0;padding:0;}
.zatr-menu-opener:hover,.zatr-menu-opener.active{background: #FF020C;z-index:10000000;}
.zatr-menu-opener-inner,.zatr-menu-opener-inner::before,.zatr-menu-opener-inner::after{background:#fff;height:.5rem;width:2.5rem;}
nav.zatr-menu.active .zatr-menu-inner{display:block}
.blur{filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);}
.glass{width:100%;height:100%;position:fixed;display:none;z-index:9999999;background:rgba(0,0,0,0.6);}
div.glass.active{display:block}
.zatr-menu-inner .moduletable{height:100%;display:table;}


/* media queries */
@media screen {
 ul.extrobgs-slideshow { display: table;}
}
@media (max-width: 1100px) {
div#napis img{
    margin-top: 46px;
}
#menu{top:0px;padding: 12px 0px 21px;margin: 0 auto;width: 94%;}
#menu ul {display: inline-block;float: none;}
#content{width: 100%;height: auto;overflow-y: hidden;overflow-x: hidden;margin-top: 30px;position: inherit;}
div#content img {width: 100%;height: auto;}
#napis{width: 52%;display: block;margin-top: 15% !important;float: none;margin: 0 auto;}
div#napis .moduletable {margin: 0 auto;display: table;}
#napis{-webkit-transition: all 0.5s ease-out;transition:  all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}
#napis:hover{-webkit-transition: all 0.5s ease-out;transition:  all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transform: scale(1.15);transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);}
#social{position: fixed;}
img.gkIsSlide {width: 100% !important;height: auto !important;}
}
@media (max-width: 640px) {
body {background: #000 url('/images/bg3.jpg')left top no-repeat fixed;}
#napis{width: 90%;    float: left;}
nav#d-menu {display: none;}
.zatr-menu-opener{cursor:pointer;height:64px;position:fixed;display:table;top: 30px;right:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:64px;z-index:10000000;background: rgba(175, 39, 243, 1);}
div#napis img {width: 80%;}
#menu ul{background: none repeat scroll 0% 0% rgba(100, 8, 128, 0);text-align: left;position: relative;z-index: 99;}
.zatr-menu.active a{font-size: 16px;margin: 5px 0;}
#menu ul li{margin: -5px;width: 151px;}
#menu a{font-size:15px;}
#menu img {vertical-align: middle;}
div#tecza img{width:60%;float: right;}
ul.extrobgs-slideshow{display: none;}
#site{}
@media (max-width: 540px) {
#social{margin-top: 10%;}
img.gkIsSlide {width: 85% !important;height: auto !important;}
@media (max-width: 420px) {
img.gkIsSlide {width: 67% !important;height: auto !important;}
div#napis img {width: 70%;}
@media (max-width: 300px) {
img.gkIsSlide {width: 50% !important;height: auto !important;}
@media (max-width: 250px) {
img.gkIsSlide {width: 40% !important;height: auto !important;}


}
}