html, body{height:100%;width:100%;padding:0;margin:0}
body{font-size:0.625em;position:absolute;top:0;background:#000}
.hiddenlabel{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.hiddenlink{line-height:0;font-size:0;color:transparent;text-indent:-9999px}

.noClick, .noClick:hover{cursor:default;text-decoration:none}
.clear{clear:both;font-size:0;line-height:0}
.valid_error{float:right;font-size:1.4em;line-height:14px;padding:6px;color:#f00}
/*Fonts styles*/
.font_lato_bold{font-family: 'Lato', sans-serif; font-weight:bold;}
.big_right{margin-left:10px;}

.a_font{display:block;float:left;background-position:0px -330px;width:33px;height:33px;margin:0 4px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}
.ab_font{display:block;float:left;background-position:0px -385px;width:33px;height:33px;margin:0 4px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}
.aa_font{display:block;float:left;background-position:0px -440px;width:33px;height:33px;margin:0 4px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}
.aab_font{display:block;float:left;background-position:0px -495px;width:33px;height:33px;margin:0 4px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}
.aaa_font{display:block;float:left;background-position:0px -550px;width:33px;height:33px;margin:0 0px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}
.aaab_font{display:block;float:left;background-position:0px -605px;width:33px;height:33px;margin:0 0px 0 0;font-size:0.001em;cursor:pointer;line-height:0;font-size:0;color:transparent;text-indent:-9999px}

.normal_f{font-size:0.625em}
.medium_f{font-size:0.78125em}
.big_f{font-size:0.9375em}


.event_logo4,.event_logo3,.event_logo2,.event_logo1,.change-zone-tourist-mobile, .form-button-front, .bip-box, .newsletter-box, .newsletter-sms-box,
.print-button, .share, .logo-wisla, .fb, .change-zone-tourist,
.search, .events-arrow-down, .more-news, .events-arrow-up, .en-button,
.normal-button, .pl-button, .contrast-button, .home-menu, .read-more,
.close-button, .close-button-active,  .clock-news, .clock-news-hover, #access, #access_xs,
.read-more-hover, .left-arrow-slider, .right-arrow-slider, .pause-slider,
.play-slider, .calendar-arrow-menu, .arrow-menu,  .arrow-breadcrumbs, .arrow-back, .single-bip, .single-newsletter, .single-newsletter-sms
{ display: inline-block; background: url('../../../media/frontend/css/images/sprite_occupant_wcag.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

 .en-button { background-position: -376px -641px; width: 37px; height: 35px; }
.normal-button { background-position: -312px -691px; width: 37px; height: 37px; }
.pl-button { background-position: -369px -696px; width: 37px; height: 35px; }
.contrast-button { background-position: -252px -733px; width: 34px; height: 32px;}
#access, #access_xs { background-position: -287px -235px; width: 34px; height: 32px;}
#access_normal, #access_normal_xs { width: 37px; height: 37px;}
#home{display:block;float:left;width:33px;height:33px;background:url(../../../media/frontend/css/images/top_buttons.png)no-repeat center center;background-position:0px 0px;margin:0 4px 0 0}
#home.act{background-position:0px -55px}

#pagemap{display:block;float:left;width:33px;height:33px;background:url(../../../media/frontend/css/images/top_buttons.png)no-repeat center center;background-position:0px -220px;margin:0 40px 0 0}
#pagemap.act{background-position:0px -275px}


.animsition{float:left;width:100%;height:100%;background:url(../../../media/frontend/css/images/intro.jpg)no-repeat center top! important}
.title{width:200px;margin:20px auto 0 auto;font-size:3.4em;color:#354E10;font-family: 'Archivo Narrow', sans-serif;text-align:center}
.welcome {max-width:550px;margin:40px auto 0 auto;}
.welcome a{display:block;padding:40px 40px 30px 40px;width:174px;height:180px;color:#fff;text-decoration:none;text-align:center;font-family: 'Archivo Narrow', sans-serif;font-size:3.4em;text-transform:uppercase}
.welcome a.tourist{float:right;background:url(../../../media/frontend/css/images/occupant.png)}
.welcome a.occupant{float:left;background:url(../../../media/frontend/css/images/tourist.png);padding:40px 10px 30px 10px;width:234px;}
#top{margin:0!important}


/*******************
kod z.
 ******************/
.center {
    display: block;
    margin: 0 auto;
}

.right {text-align: right;}

.margin_btn {
    margin-bottom: 20px;
}
.container-fluid {
    padding:0 !important;
}
.container
{
    display:block;
    width: 100%;
}
.row
{
    height: 100%;
    display: table-row;
}
.col-lg-6
{
    display: table-cell;
}
.bg{
    background-image: none;
    min-height: 100%;
    background-repeat:no-repeat;
    /*background-position-x:center;*/
}
.tlo {
    background-image: none;
    height: 100%;
    background-color:transparent;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center top;
    max-width: 1290px;
    display: block;
    margin: 0 auto;
}
.logo_wisla {
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 195px;
    height: 166px;
}

.wcag_main_box{
    padding: 0;
    width: 119px;

}
.button-en {
  left:39px;
}
.a_normal_xs {
  width: 37px;
  position: relative;
  float: left;
}
.a_normal,
.a_wcag,
.a,
.a-plus,
.a-plus-plus {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 37px;
  height: 37px;
  line-height: 32px;
  text-align:center;
  font-size:17px;
  font-family: Lato;
  font-weight: 900;
  z-index: -1;
}
.a_normal,
.a,
.a-plus,
.a-plus-plus {
  border: 3px solid #ffffff;
  color: #ffffff;
}
.a_wcag {
  background-color: #ffffff;
  border: 3px solid #ffffff;
  color: #000000;
  width: 37px;
  height: 37px;
}
.a_wcag > *  {
    margin-top: 0;
}
.a,
.a-plus,
.a-plus-plus {
    text-decoration: none;
    z-index: 1;
}
.a:hover, .a:focus,
.a-plus:hover, .a-plus:focus,
.a-plus-plus:hover, .a-plus-plus:focus {
    text-decoration: none;
    color: #ffffff;
}
.a {
    font-size: 13px;
    line-height: 37px;
}

.a-plus {
    font-size: 19px;
    line-height: 35px;
}

.a-plus-plus {
    font-size: 24px;
    line-height: 31px;
}

#access, #access_xs, .a_wcag {
    display: inline-block;
    width: 37px;
    height: 37px;
    margin: 0 10px 0 3px;
}
.box-font-size-xs > * {
  margin-top: 0;
}
.xs_top_menu {
    width: 210px;
    position: relative;
    margin: 5px auto;
}
.lg_top_menu {
    width: 210px;
    position: relative;
    float:right;
    margin: 5px;
}
.access_container {
    width: 85px;
    float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lg_top_menu {
        margin: 0 auto;
        float:none;
    }
}

@media only screen and (min-width:1px) and (max-width:480px){
	#logo{width:100%!important}
	.animsition{float:left;;width:100%;height:100%}
	.title{width:200px;margin:20px auto 0 auto;font-size:2.6em;color:#354E10;font-family: 'Archivo Narrow', sans-serif;text-align:center}

	.welcome {max-width:none;margin:0px auto 0 auto;}
	.welcome a{display:block;position:relative;width:144px;height:124px;color:#fff;text-decoration:none;text-align:center;font-family: 'Archivo Narrow', sans-serif;font-size:2em;text-transform:uppercase;margin:auto}
	.welcome a.tourist{clear:both;float:none;background:orange url(../../../media/frontend/css/images/occupants.png);margin:20px auto 0 auto;padding:30px 20px 10px 20px;width:124px;}
	.welcome a.occupant{float:none;background:orange url(../../../media/frontend/css/images/tourists.png);padding:30px 10px 10px 10px;width:144px;}

    .bg {
        background-size: 270%;
    }
    .tlo {
        background-size: 220%;
    }
    .logo_wisla {
        width: 112px;
        height: 95px;
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .bg {
        background-size: 220%;
    }
    .tlo {
        background-size: 130%;
    }
    .logo_wisla {
        width: 145px;
        height: 123px;
    }
}
@media only screen and (min-width:768px) and (max-width:921px) {
    .bg {
        background-size: 180%;
    }
    .tlo {
        background-size: 110%;
    }
}

@media only screen and (min-width:922px) and (max-width:1290px) {
    .bg {
        background-size: 120%;
    }
    .tlo {
        background-size: 100%;
    }
}


/*
@media only screen and (min-width:px) and (max-width:px) {}

*/