/*
Theme: Responsive Theme Machine
Author: Ermakovich Sergey (http://ermakovich.blogspot.com)
Copyright: 2012. All Rights Reserved
*/
/*  Color Palette
**************************************************************

Background: #fff
Borders: #dbdbdb
Text: #434343
Secondary Text: #999999
Main Accent: #999
Links: #5f97af
*/

.bdl-color {
    color: #2a702b;
}

.light-gray {
    background-color: #edecec;
}

.dark-gray {
    background-color: #b2b2b2;
}

/* Clearing Floats
***************************************************************/

/*Jssor*/
.jssora051 {
     display: block;
     position: absolute;
     cursor: pointer;
 }
.jssora051 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 360;
    stroke-miterlimit: 10;
}
.jssora051:hover {
    opacity: .8;
}
.jssora051.jssora051dn {
    opacity: .5;
}
.jssora051.jssora051ds {
    opacity: .3;
    pointer-events: none;
}

.jssorb032 {
    position: absolute;
}
.jssorb032 .i {
    position: absolute;
    cursor: pointer;
}
.jssorb032 .i .b {
    fill: #fff;
    fill-opacity: 0.7;
    stroke: #000;
    stroke-width: 1200;
    stroke-miterlimit: 10;
    stroke-opacity: 0.25;
}
.jssorb032 .i:hover .b {
    fill: #000;
    fill-opacity: .6;
    stroke: #fff;
    stroke-opacity: .35;
}
.jssorb032 .iav .b {
    fill: #000;
    fill-opacity: 1;
    stroke: #fff;
    stroke-opacity: .35;
}
.jssorb032 .i.idn {
    opacity: .3;
}

/*end Jssor*/

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */
{
    content: " ";
    display: table;
    clear: both;
}

/* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
***************************************************************/

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* General
***************************************************************/

/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/

body {
    line-height: 1;
    font-size: 81.3%;
    /*color: #888;*/
    color: #6c6c6c;
    background: #fff;
    font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, Sans-Serif;
    overflow-x: hidden;
    overflow-y: auto !important;
}

/* Headings */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
h1 {
    font-weight: normal;
    /*color: #3f82d0;*/
    color: #3875bb;
    margin-top: 0.3em;
}
h2 {
    color: #2a702b;
    margin-top: 0.3em;
}
h3 {
    color: #555;
    font-size: 1.4em;
    margin-bottom: .8em;
    font-weight: normal;
}
h4 {
    /*color: #3f82d0;*/
    color: #3875bb;
    font-size: 1.4em;
    margin-bottom: .5em;
    line-height: 1.3em;
    font-weight: normal;
    margin-top: 0.5em;
}

/* Aside Headings */
aside h1 { font-size: 1.154em; }
aside h2 { font-size: 1.077em; }
aside h3 { font-size: 1em; }
aside h4 { font-size: 1em; }
aside h5 { font-size: 1em; }
aside h6 { font-size: 1em; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 2.5em;
    /*line-height: 1.538em;*/
}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ol, ul  { list-style-type: disc; }

ol, ol li
{
    list-style-type: decimal;
}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Text elements */
p           { margin: 0 0 1em; line-height: 1.538em; }
p img.left  { float: left; margin: 0.923em 0.923em 0.923em 0; padding: 0; }
p img.right { float: right; margin: 0.923em 0 0.923em 0.923em; }

a:focus, 
a:hover     { text-decoration: none; }
a {
    /*color: #3f82d0;*/
    color: #3875bb; text-decoration: underline;
}

blockquote  { margin: 0.923em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 0.923em; font-style: italic; }
del         { color:#666; }

pre         { margin: 0.923em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.462em; }



/* Forms
***************************************************************/

form              { margin: 0; padding: 0;}
legend            { font-size: 1.231em; font-weight: normal; border:none;}
fieldset {
    background: #f9f9f9;
    border: 1px #d0d0d0 solid;
    margin-bottom: 10px !important;
    padding: 10px;
}

label.forcheckbox { margin:0 0 0 .4em; display:inline; }

input[type="text"], input[type="password"] {
    display: block;
    padding: 0.3em;
}

input[type="checkbox"] {
    margin:.2em 0 1.2em 0;
}

input[type="radio"] {
    margin: 3px 3px 0px 5px;
}

fieldset ol     { list-style-type:none; margin: 0; }
fieldset ol li  { margin: 0 0 6px 0; }

form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */
    display:inline;
}

form.inline fieldset {
    margin:0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline:1px dotted #666d51;
}

legend span {
    font-weight:normal;
}
label span {
    font-weight:normal;
}

.hint {
    display:block;
    font-size: 0.846em;
    color:#999;
    margin-top: 3px;
    padding: 3px;
}
/* todo: (heskew) try to get .text on stuff like .text-box */
select, textarea, input.text, input.textMedium, input.text-small, input.text-box {
    font-family:inherit;
    padding:3px;
    border:1px solid #bdbcbc;
    font-family:inherit;
    font-size:inherit;
}
input.text, input.textMedium, input.text-box {
    line-height:1.2em;
}
/*Are we using the two classes below?*/
input.text-small {
    width:4em;
}
input.textMedium {
    width:26em;
}

select:focus, textarea:focus, input:focus, input.text:focus, input.text-box:focus, input.text-small:focus, input.textMedium:focus  {
    outline: none;
}

input.check-box {
    margin-left:0;
    vertical-align:-.1em;
}
input.large.text, textarea, fieldset {
    clear:both;
}

textarea {
    /*min-height:8em;*/
}

/* Theme
***************************************************************/

nav ul {
    padding: 0px;
    margin: 0px;
}

nav ul li {
    /*border-top:1px solid #dbdbdb;*/
    background:#f6f6f6;
}

nav > ul li.current {
    background:#fff;
}
nav ul li a {
    padding-left: 10px;
    display:block;
    color: #333;
    font-size: 1.077em;
    text-decoration:none;
    line-height:24px;
}

/* first level */
nav > ul > li {
    /*border:1px solid #dbdbdb;*/
    border-top:none;
}

nav > ul > li.first {
    /*border:1px solid #dbdbdb;*/
}

/* second level */
nav > ul > li > ul > li > a { padding-left: 25px; }

/* third level */
nav > ul > li > ul > li > ul > li > a { padding-left: 40px; }

/* deeper levels */

/* Breadcrumb */
nav ul.breadcrumb
{
    border:none;
    display: inline-block;
    margin: -9px;
}

nav ul.breadcrumb li
{
    border:none;
    background:none;
    display:block;
    margin:0 2px -1px 0;
}

nav ul.breadcrumb li:after
{
    content: "/"
}

nav ul.breadcrumb li.last:after
{
    content: ""
}

nav ul.breadcrumb li a
{
    padding:0 9px;
    display:block;
    color: #5F97AF;
    font-size: 100%;
}

nav ul.breadcrumb li a:hover
{
    text-decoration: underline;
}

#layout-header {}

/* Zones */
.zone
{
    padding: 0px;

    /*  Enable this to see zone visualizations */
    /*background-color: yellow;
    box-shadow:inset 0 0 1px purple;
    -moz-box-shadow:inset 0 0 1px purple;
    -webkit-box-shadow:inset 0 0 1px purple;*/
}
.zone-header {
     /*padding: 30px 12px 30px;*/ 
     /*position: relative;*/ 
     background-image: url("top-banner.png");
     height: 105px;
     background-repeat: no-repeat;
     padding: 0;
}

.zone-navigation { padding: 0 }
.zone-footer {
     color: #999999;
     border-top: 1px #f1f1f1 solid;
}

/* Main
***************************************************************/

/* Content lists and details */
.content-description { font-size: 1.154em; }
.content-items { padding: 0; margin: 0; list-style: none; }
.content-items li { padding: 0; margin: 0; }
.content-items .content-item { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-items .content-item header {}
.content-items .content-item header h1 { font-size: 1.508em; color:#3f82d0; }
    .content-items .content-item header h1 a {
        /*color: #3f82d0;*/
        color: #3875bb;
    }
.content-items .content-item header h1 a:hover {}

/* Tags */
.tags { margin-top: 12px; }
.tags a { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover { background-color: #434343; color: #fff; }

/* Metadata */
.metadata {
    margin: 0 0 12px 0;
    /*color: #999;*/
    color: #6c6c6c;
    font-size: 0.846em;
}
.metadata .published { display: inline; margin: 0 6px 0 0; }
.metadata .commentcount { display: inline; }
.meta {}

/* Comments */
#comments { margin: 24px 0 0 0; padding: 0; }
.comment-form { margin: 24px 0 0 0; padding: 0; }
.comments { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment { margin: 0; padding: 0; }
.comment h4 { font-size: 1.077em; }
.comment .who {}
.comment .what {}
.comment #add-comment {}
.comment-form #comment-by { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
.comment-form #comment-text { width: 33.2em; }
.comment-form input[type="text"] { width: 32em; }
.comment-disabled {}
.comment-count { font-size: 1.231em; }

/* Confirmations */
.message, .validation-summary-errors { margin:10px 0 4px 0; padding:4px; }
.messages a { font-weight:bold; }
.message-Information { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; }
.message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; }
.critical.message, .validation-summary-errors, .message-Error { background:#e68585; /* red */ border:1px solid #990808; color:#fff; }


/* Widgets
***************************************************************/
.widgets {}
.widget h1 {
    font-size: 2em;
    color: #3875bb; /*color: #3f82d0;*/
}

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/* Content Mode */
.content-control { border: 1px dotted #5f97af; overflow:auto; position: relative; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/*Anna: Zmiana czcionki dla link�w dla widget�w wydarzenia i aktualno�ci*/
.widget-news .content-item.blog-post header>h1, .widget-aktualnosci .content-item.blog-post header>h1{font-size: 1.1em;}


/* Pager
***************************************************************/

.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }
.pager li { float: left; padding: 0 12px 0 0; margin: 0; }
.pager a, .pager span { font-size: 1.077em; display: block; background-color: #dbdbdb; padding: 6px 6px; color: #434343;}
.pager a:hover { background-color: #434343; color: #fff; }
.pager span { background-color:inherit; }


/* Misc
***************************************************************/

.small      { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.credits { float: left; padding-right: 12px; }
/*.user-display { float: left; }*/
.user-display .welcome {}
.user-display .user-actions {}

/*joanna*/
.user-display
{
    display: inline;
    margin-right: 5px;
    color:#C2C2C2;
}
.user-display .welcome, .user-display .user-actions a
{
    margin-right: 5px;
    color:#E0E0E0;
}
.user-display {
    float: right;
    top: -27px;
    position: relative;
}
/**/
.login-form { margin: 24px 0 0 0; }



/* CSS 3 Enhancements
***************************************************************/

input[type="submit"], input[type="button"], button, .button, .button:link, .primaryAction, .button:visited {
    color: #fff;
    /*background: #4890DC;*/
    background: #3875bb;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: .85em;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 0 7px;
    text-decoration: none !important;
    text-transform: uppercase;
}
input[type="submit"].disabled
{
    background-color: Gray;
}
input[type=password], input[type=text], textarea, select {
    background: #fff;
    border-color: #d0d0d0 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #000;
    font-family: inherit;
    font-size: 1em;
    margin: .25em 0;
    padding: 3px;
}
input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus { }


/* Structure
***************************************************************/

#layout-wrapper { }

#layout-header, #layout-navigation, #layout-featured, #layout-before-main, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
    width:90%;
    margin:0;
}

#layout-header {}
#layout-navigation {}
#layout-featured {}
#layout-before-main {}
#layout-main {}
#aside-first {}
#layout-content {}
#messages {}
#before-content {}
#content {}
#after-content {}
#aside-second {}
#layout-after-main {}
#layout-tripel {
    padding: 0 0 40px;
}
#layout-tripel h1 {
    font-size: 1.4em;
    line-height: 1.5em;
    padding-bottom: 10px;
}
#tripel-first {}
#tripel-second {}
#tripel-third {}
#layout-footer {}
#footer-quad {}
#footer-quad-first {}
#footer-quad-second {}
#footer-quad-third {}
#footer-quad-forth {}
#footer-sig {}

/* Zones */
.zone {}
.zone-header {}
.zone-navigation {}
.zone-featured {}
.zone-before-main {
    padding:0;
}
.zone-aside-first {}
.zone-messages {}
.zone-before-content {}
.zone-content {
    padding-top: 12px;
}
.zone-after-content {}
.zone-aside-second {}
.zone-after-main {}
.zone-tripel-first {
    border: 1px #ddd solid;
    padding-top: 0;
    width: 80%;
}
.zone-tripel-first h1 {
    color: #333;
    border-bottom: 1px #ddd solid;
}
.zone-tripel-second {
    padding-top: 0;
}
.zone-tripel-third {
    color: #fff;
    background-color: #3f82d0;
    padding-top: 1px;
    width: 80%;
    float: right;
}
.zone-tripel-third a {
    color: #000;
    text-decoration: none;
}
.zone-tripel-third h1 {
    color: #fff;
}
.zone-footer-quad-first {}
.zone-footer-quad-second {}
.zone-footer-quad-third {}
.zone-footer-quad-fourth {}
.zone-footer {}
/*ustawienia kontener�w dla g��wnej mapy*/
.zone-map {padding: 0;}
.zone-map .widget-control { position:fixed; top: 0; bottom:0; left: 0; right: 0;}
.zone-map .widget-control .manage-actions {z-index: 30;}/*guzik "Edit" nad map� - przy zalogowanym u�ytkownikiem*/

/* Media Queries
***************************************************************/
@media only screen and (max-width: 768px) 
{
    .contact-div {
        margin-left: 30px !important;
        width: 100%;
    }

    .sharing-div {
        margin-left: 30px !important;
    }

    .text-area-max-width {
        max-width: 335px !important;
    }

    .report-element-max-width {
        max-width: 335px !important;
    }
}

@media only screen and (max-width: 420px) {
    /*style, kt�ry w przypadku obrazk�w znajduj�cych si� w tagu <article> (chodzi mi o obrazki, kt�re u�ytkownik mo�e wrzuci� na stron�) dla telefon�w dostaj� szeroko�� 100%*/
    article img {
        width: 100%;
    }
    /*ten styl dotyczy g��wnie mapy - na niej obrazki te� by�y rozci�gane*/
    .widget img {
        width: auto;
    }

    .text {
        width: 60%;
    }

    fieldset {
        padding-right: 2em !important;
    }

    .blockUI, .blockMsg, .blockPage {
        width: 90%;
        height: 125px;
        left: 0;
    }
    .text-area-max-width {
        max-width: 290px !important;
    }
    .report-element-max-width {
        max-width: 290px !important;
    }
}

@media only screen and (min-width: 300px) {

    .text {
        width: 50%;
    }

    #branding { text-align: left; }

    #layout-navigation { }

    /* first level */
    nav > ul > li { float:left; }
    nav > ul > li > a { float:left; padding:0 18px; }
    nav > ul > li:hover > ul { display:block; }
    nav > ul > li:hover { }
    nav > ul > li.current {
        /*border-bottom: 1px solid #fff;*/
    }

    /* second level */
    nav > ul > li > ul {
        display:none;
        position:absolute;
        top: 100%;
        left: -1px;
        /*border: 1px solid #dbdbdb;*/
    }
    nav > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
    nav > ul > li > ul > li > a { padding: 0 18px; display:block; text-decoration:none;}
    nav > ul > li > ul > li:hover > a { }

    nav > ul > li > ul > li:hover > ul { display:block; }

    /* third level */
    nav > ul > li > ul > li > ul {
        position:absolute;
        top: -1px;
        left: 100%;
        display:none;
        /*border: 1px solid #dbdbdb;*/
    }
    nav > ul > li > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
    nav > ul > li > ul > li > ul > li > a { padding: 0 18px; display:block; text-decoration:none;}
    nav > ul > li > ul > li > ul > li:hover > a { }

    /* deeper levels */
    nav > ul > li > ul > li > ul ul { display:none; }


    nav ul li {
        /*border:1px solid #dbdbdb;*/
        margin:0 2px -1px 0;
        white-space: nowrap;
        position: relative;
    }

     /*style zwi�zane z imageSlider*/
    .pics {  
        height: 200px;  
        width: 100%;  
        padding: 0;  
        margin:  0;  
        float: left;
    } 
     /*508px 270*/
    .pics img {  
        padding: 0px;  
        border:  1px solid #ccc;  
        background-color: #eee;  
        width: 100%; 
        height: 95%; 
        top:  0; 
        left: 0 
    } 

    .msLogo {
        display: none
    }

    .msLogoSmall {
        display: inline-block
    }
} 

@media only screen and (min-width: 768px) {

    .contact-div {
        margin-left: 130px !important;
        width: 50%;
    }
    .sharing-div {
        margin-left: 130px !important;
    }
    .text-area-max-width {
        max-width: 800px !important;
    }
    .report-element-max-width {
        max-width: 335px !important;
    }
    .text {
        width: 75%;
    }

    fieldset {
        padding-right: 20em !important;
    }

    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content { float: right; width: 65%; }
    .aside-1 .aside-first { float: left; width: 35%; }

    /* If zone 2 is on */
    .aside-2 #layout-content { float: left; width: 65%; }
    .aside-2 .aside-second { float: right; width: 35%; }

    /* If zones 1, 2 are on */
    .aside-12 .aside-first, .aside-12 .aside-second { width: 100%; }
    .aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

    /* Tripel Zones*/
    #layout-tripel > div { float:left; }

    /*2 zones on */
    .tripel-12 #layout-tripel > div { width:50%; } /* If zones 1, 2 are on */
    .tripel-23 #layout-tripel > div { width:50%; } /* If zones 2, 3 are on */
    .tripel-13 #layout-tripel > div { width:50%; } /* If zones 1, 3 are on */

    /*3 zones on */
    .tripel-123 #layout-tripel > div { width:33.33%; } /* If zones 1, 2, 3 are on */

    /* Quad Footer Zones */
    #footer-quad > div { float:left; }

    /*2 zones on */
    .split-12 #footer-quad-first, .split-12 #footer-quad-second { width:50%; } /* If zones 1, 2 are on */
    .split-13 #footer-quad-first, .split-13 #footer-quad-third { width:50%; } /* If zones 1, 3 are on */
    .split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width:50%; } /* If zones 1, 4 are on */
    .split-23 #footer-quad-second, .split-23 #footer-quad-third { width:50%; } /* If zones 2, 3 are on */
    .split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width:50%; } /* If zones 2, 4 are on */
    .split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width:50%; } /* If zones 3, 4 are on */

    /*3 zones on */
    .split-234 #footer-quad-second { width:33.33%; } /* If zones 2, 3, 4 are on */
    .split-134 #footer-quad-first { width:33.33%; } /* If zones 1, 3, 4 are on */
    .split-124 #footer-quad-fourth { width:33.33%; } /* If zones 1, 2, 4 are on */
    .split-123 #footer-quad-third { width:33.33%; } /* If zones 1, 2, 3 are on */

    /*4 zones on */
    .split-1234 #footer-quad > div { width:25%; } /* If zones 1, 2, 3, 4 are on */

    /*style zwi�zane z imageSlider*/
    .pics {  
        height: 272px;  
        width: 70%;  
        padding: 0;  
        margin:  0;  
        float: left;
    } 
    .pics img {  
        padding: 0px;  
        border:  1px solid #ccc;  
        background-color: #eee;  
        width: 95%; 
        height: 270px; 
        top:  0; 
        left: 0 
    } 

    .msLogo {
        display: inline-block
    }

    .msLogoSmall {
        display: none
    }
}

@media print {
    .msLogoSmall {
        display: none
    }
}

@media only screen and (min-width: 1140px) {
    #layout-header, #layout-navigation, #layout-featured, #layout-before-main, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
        width: 970px; /* 1026px 1140 - 10% for margins */
        margin:0 auto;
    }

    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content { float: right; width: 70%; }
    .aside-1 .aside-first { float: left; width: 30%; }

    /* If zone 2 is on */
    .aside-2 #layout-content { float: left; width: 70%; }
    .aside-2 .aside-second { float: right; width: 28%; }

    /* If zones 1, 2 are on */
    .aside-12 #layout-content { width: 60%; }
    .aside-12 .aside-first, .aside-12 .aside-second { width: 20%; }
    .aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

    /*style zwi�zane z imageSlider 272px 526px*/
    .pics {  
        height: 272px;  
        width: 526px;  
        padding: 0;  
        margin:  0;  
        float: left;
    } 
     /*508px 270*/
    .pics img {  
        padding: 0px;  
        border:  1px solid #ccc;  
        background-color: #eee;  
        width: 508px; 
        height: 270px; 
        top:  0; 
        left: 0 
    } 
} 

  /*joanna*/
.copyright
{
    color: #666;
    text-align: center;
    padding: 20px;
}

/*.footer {
    clear: both;
    border-top: 1px #f1f1f1 solid;
    padding: 10px 10px 30px;
}*/

.font17 {
/*    font-size: 17px;*/
    font-size: 1.0625rem;
}
.font15 {
    /*font-size: 15px;*/
    font-size: 0.9375rem;
}
.font16 {
    /*font-size: 16px;*/
    font-size: 1rem;
}

.reports .ui-autocomplete-input {
    /*    text-decoration: underline;*/
    cursor: pointer;
    border: none !important;
    overflow: hidden;
    /*    margin: 0.25em 0;*/
    /*font-style: italic;*/
}

.reports input{
    height:26px;
}

#categoriesTree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

#countiesTree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

#rdlpsTree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

#landsTree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

.report-element {
    /*max-width: 335px !important;*/
    background-color: #b2b2b2;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px;
}

.report-element-s {
    width: 140px !important;
    background-color: #b2b2b2;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px;
}

.pointer{
    cursor: pointer;
}

.report-element-no-margin {
    background-color: #b2b2b2;
    font-weight: bold;
}

.div-criterions {
/*    height: 25px;*/
    line-height: 25px;
}

.ui-autocomplete {
    max-height: 50%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
#keywords.ui-autocomplete-input {
    background-image: url(Autocomplete.PNG);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
}

.labels {
    cursor: pointer;
    text-decoration: underline;
    color: #e50000;
}

.labelsgray {
    cursor: default;
    text-decoration: none;
    color: gray;   
}

.labelsblue {
    cursor: pointer;
    text-decoration: underline;
    color: gray;   
}

.etykieta {
    /*color: #3f82d0;*/
    color: #3875bb;
}

table#wynik { margin: 0px; padding:0px; border-collapse: separate; border-spacing: 3px; }
#wynik td { vertical-align: top; text-align: right; width: 50px;}
#wynik td.wynik { margin: 0px; padding: 5px; border: solid 1px black; width: auto; text-align: left;}
#wynik img.wynik { height: 20px; width: 30px; padding: 0px; margin: 0px;}

#btnClearFilters.disabled {
    background-color: gray;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

.ui-dialog .ui-dialog-content {
    padding:0 !important;
}
/*ukrycie krzy�yka w IE w polu autocomplete*/
.ui-autocomplete-input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.ui-autocomplete-input::-ms-reveal {  display: none; width : 0; height: 0; }

.tundra .notTundra {
    margin-top: 3px;
    width: 130px;
    background-color: rgba(140, 140, 140, 0.8);
    /*#808080;*/
    border: 1px solid white;
    color: white;
    font-size: 8pt;
    /*padding: 2px;*/
}

#basemapGallery .esriBasemapGalleryLabelContainer {
    font-size: smaller;
}

nav {
    height:39px;
    background-image: url('belka-menu.jpg');
    margin-top: 7px;
}

/*menu*/
.sf-menu a {
    padding: .50em 1em !important;
}

.sf-menu li a, .sf-menu li a:visited {
    color: #fff !important;
}

/*t�o elementu g��wnego dla menu pionowego*/
ul.sf-menu.sf-vertical>li {
  background: #6197BB !important;
  /*na telefonach menu by�o po prostu za d�ugie*/
  width: 95px;
  /*zmniejszenie czcionki menu pionowego*/
  font-size: 10px;
}

/*zmniejszenie czcionki menu pionowego*/
ul.sf-menu.sf-vertical li ul li {
    font-size: 10px;
}

/*--------*/

#reportsTree {
    width : 100%; 
    font-size: 107%; 
    height: auto; 
    max-height: 500px;
    overflow-y:auto;
    overflow-x: hidden; 
    padding-right: 20px;
}

#reportsTree a {
    white-space: normal !important;
    height: auto;
}
/*niestety nie wiedzia�am jak inaczej zmniejszy� rozstrzelenie mi�dzy elementami legendy*/
/*.agsjsTOCNode, .agsjsTOCRootLayer {
    height: 20px;
}*/

/*wyszukiwanie*/

#SearchContainer, #SearchContainer:hover
{
    background-color: transparent !important;
}

#SearchContainer:hover #SearchField, #SearchContainer:hover #SearchLink {
    background-color: #4890DC;
}

#SearchContainer
{
    position: absolute; 
    top: 0;
    right: 0;
    height: 66px !important;
    overflow: hidden;
}

#SearchLink
{
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

#SearchField {
    /*background: #f1f1f1;*/
    background: #6c6c6c;
    position: absolute;
    right: -9999px;
    top: 0;
    margin: 0;
    overflow: hidden;
    height: 66px !important;
    padding: 20px 0 0 20px !important;
}

#Search .search-form input[type=text] {
    background: #fff;
    border: 1px transparent solid;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    width: 150px !important;
    display: inline;
}

.search-form fieldset {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

#Search
{
    position: relative;
    width: 30px;
    float: right;
    margin-left: 1px;
    padding: 40px 40px 10px 10px;
    height: 16px;
}

#Search .search-form button[type=submit]
{
    background: no-repeat top left;
    border: none;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-left: 3px;
    vertical-align: top;
    width: 47px;
}

.search-form button[type="submit"]
{
    cursor: pointer;
    margin: 0;
}

/*wygl�d listy rozwijalnej autocomplete na stronie zestawie�*/
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1;
    zoom: 1;
    font-weight: normal;
}

.tundra *
{
    outline: none;
}

/*wyleliminowanie niebieskiej obw�dki w Chrome wok� element�w z focusem*/
:focus {
    outline: none;/*-webkit-focus-ring-color auto 5px;*/
}

.search-summary {
    float: left;
}

/*normalize.min.css*/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Chrome, Safari */
    -moz-text-size-adjust: 100%; /* Firefox */
    text-size-adjust: 100%; /* standard */
}
html,button,input,select,textarea{font-family:'Roboto','Segoe UI',Helvetica,Arial,Sans-Serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
/*h4{font-size:1em;margin:1.33em 0}*/
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}

/* dostosowanie formularza kontaktowego oraz formularza do udostępniania danych - style są takie same więc formularz do udostępnienia danych dostał też klasę contact-form (trochę mylące więc piszę ten komentarz)*/
.contact-form fieldset {
    border: 0px solid #c0c0c0;
    padding: 0px !important;
}

.contact-form ul label {
    color: white !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
}

.dropdown-label {
    color: white !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
}

.contact-form ul li.green label {
    color: #2a702b !important;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
}

.contact-form-li {
    height: 30px !important;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.contact-form-li-dropdown {
    height: 35px !important;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.contact-form-li-message {
    height: 187px !important;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    
/*.contact-form */
input[type="submit"], input[type="button"], button, .button, .button:link, .primaryAction, .button:visited {
    color: #fff;
    background: #2a702b;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: .85em;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 0 7px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.contact-form input[type="checkbox"] {
    filter: hue-rotate(240deg)
}

input[type="radio"] {
    filter: hue-rotate(240deg)
}

.contact-form input[type="submit"].disabled {
    background-color: Gray;
}

/* zestawienia */
.widget-create-report-widget h4, .widget-create-hunt-report-widget h4 {
    font-weight: bold;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/*hamburgers.min.css*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:7px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#fff}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .15s linear}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19);transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear;transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:before{transition:top .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:after{transition:bottom .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transition:background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear;transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19);transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear;transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner:before{transition:top .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transition:background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear;transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s .14s ease;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
 
.hamburger-on-map .hamburger {
  padding: 8px 5px 10px 5px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-on-map .hamburger-box {
  width: 28px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-on-map .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 0px; }

#mapMenuId > .hamburger-box > .hamburger-inner {
    background-color: rgba(0,135,203,0.8) !important;
}
#mapMenuId > .hamburger-box > .hamburger-inner::before {
    background-color: rgba(0,135,203,0.8) !important;
}
#mapMenuId > .hamburger-box > .hamburger-inner::after {
    background-color: rgba(0,135,203,0.8) !important;
}
.hamburger-on-map .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 27px;
    height: 4px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
  .hamburger-on-map .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-on-map .hamburger-inner::before {
    top: -8px; }
  .hamburger-on-map .hamburger-inner::after {
    bottom: -8px; }

 /*superfish.css*/
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu li{position:relative;}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li{float:right;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block;}
.sf-menu a{display:block;position:relative;}
.sf-menu ul ul{top:0;left:100%;}
.sf-menu{float:left;margin-bottom:1em;}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;*width:12em;}
.sf-menu a{border-left:0px solid #fff;border-top:0px solid #dFeEFF;border-top:0px solid rgba(255,255,255,.5);padding:.75em 1em;text-decoration:none;zoom:1;}
.sf-menu a{color:#13a;}
.sf-menu li{background:#BDD2FF;white-space:nowrap;*white-space:normal;-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul li{background:#AABDE6;}
.sf-menu ul ul li{background:#9AAEDB;}
.sf-menu li:hover,
.sf-menu li.sfHover{background:#CFDEFF;-webkit-transition:none;transition:none;}
.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5);}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:white;}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dFeEFF;border-left-color:rgba(255,255,255,.5);}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:white;}

/*superfishreset.css*/
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu{line-height:1.0;}
.sf-menu ul{margin:0;padding:0;position:absolute;top:-999em;min-width:180px;}
.sf-menu ul li{border-bottom:none;}ul.sf-menu li:hover{visibility:inherit;}
ul.sf-menu>li{float:left;position:relative;margin:0;}ul.sf-menu li li{float:none;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:100%;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:100%;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:100%;top:0;}
.sf-menu{float:none;margin-bottom:0;}.sf-menu a{border:none;padding:0;text-decoration:none;}
.sf-menu a,.sf-menu a:visited{color:inherit;}
.sf-menu li{background:transparent;}
.sf-menu li li{background:transparent;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:transparent;outline:0;}
.sf-menu .selected{background:transparent;}
.sf-shadow ul{background:transparent none;padding:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}
/*padding-right:20px!important;*/
.sf-menu a.sf-with-ul{min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:0;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../content/images/arrow-submenu.png') no-repeat -10px -100px;}
a>.sf-sub-indicator{top:5px;background-position:0 -100px;}
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px;}
.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a>.sf-sub-indicator{background-position:0 0;}
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;}
ul.sf-menu.sf-vertical>li{float:none;}
.sf-vertical li:hover ul,.sf-vertical li.sfHover ul{left:100%;top:0;}
.sf-vertical .sf-sub-indicator{background-position:-10px 0;}
.sf-vertical a>.sf-sub-indicator{background-position:0 0;}
.sf-vertical a:focus>.sf-sub-indicator,.sf-vertical a:hover>.sf-sub-indicator,.sf-vertical a:active>.sf-sub-indicator,.sf-vertical li:hover>a>.sf-sub-indicator,.sf-vertical li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;}
.sf-menu li ,.sf-menu li:hover{background:#8BB4E2!important;}
.sf-menu li li{background:#F7F7F7!important;}
.sf-menu .selected{background:#3F82D0!important;}
.sf-menu li{margin:1px!important;}
ul.menu a, ul.menu a:visited{color:#000;}
ul.sf-menu li ul li{background:#6197BB !important;}
ul.sf-menu li ul li:hover{background:#aaaaaa !important;}
li ul li a{color:#ffffff !important;}
.sf-menu li.selected a,.sf-menu li.selected a:visited{color:#aaccff;}
.sf-sub-indicator{display:none!important;}
nav{z-index:5555;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background:transparent !important;outline:0 none;}
.sf-menu li a,.sf-menu li a:visited{color:#ffffff;}
.sf-menu li, .sf-menu li:hover{background:transparent!important;}
.sf-menu .selected{background:transparent!important;}
nav ul.menu li.current ul li.current{background:#8BB4E2 !important;}
ul.sf-menu li{float:left;margin:1px!important;position:relative;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0 none;}

/*dla menu na mapie*/
.on-map ul.sf-menu li ul li{
    background:rgba(25,148,211,.8) !important;
    border-radius: 5px;
}
.on-map ul.sf-menu.sf-vertical > li {
    background: rgba(25,148,211,.8) !important;
    border-radius: 5px;
}


.esriBasemapGalleryLabelContainer {
    padding: 2px;
}