@media (max-width: 991px) {
/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */

.pushy-menu-visible {
    visibility:visible !important;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
}

.pushy {
  position: fixed;
  width: 275px;
  height: 100%;
  top: 0;
  z-index: 9999;
  overflow: auto;
  visibility: hidden;

}

.pushy-left {
    background: #3697DA;
    background: transparent linear-gradient(to bottom, #3697DA 0px, #2A94DE 50%, #3697DA 100%) repeat scroll 0% 0%;
    color:white;
}

.pushy-open-left, .pushy-open-right {
    overflow: hidden;
    height:100%;
}
.pushy-open-right .left {
    background: transparent linear-gradient(to bottom, #3697DA 0px, #2A94DE 50%, #3697DA 100%) repeat scroll 0% 0%;
}

.pushy-open-right .pushy {
    background: #ffcb3b;
}

.pushy-right {
    width:320px;
    /*overflow:hidden;*/
    /*bug iphone 3 nezobrazi
    div.najd-ub { position:fixed aj ked je transformed
    na novom safari pre zmenu pri otvoreni list boxu a vybrati liptov
    blbne skrolovanie mizne yellowbox, nejak treba forcnut redraw?
    */
}

.pushy a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  outline: 0;
}
.pushy a:hover {

}
.pushy ul:first-child {
  /*margin-top: 10px;*/
}

#languageSwitcher {
    margin-top:0px;
}

.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-275px, 0px, 0px);
  -ms-transform: translate3d(-275px, 0px, 0px);
  transform: translate3d(-275px, 0px, 0px);
  margin-top:0px;
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(275px, 0, 0);
  -ms-transform: translate3d(275px, 0, 0);
  transform: translate3d(275px, 0, 0);
}



.pushy-right {
  -webkit-transform: translate3d(320px, 0, 0);
  -ms-transform: translate3d(320px, 0, 0);
  transform: translate3d(320px, 0, 0);
  margin-top:0px;
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
}

/* remove vertical shadow when pushy right open or pushy left open */
.pushy-open-right .pushy-left {
    display:none;
}

.pushy-open-left .pushy-right {
    display:none;
}


.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container, .pushy, .push, #nav {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -ms-transition: -ms-transform 300ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.3s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 53px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;

}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  /*background: url("../img/arrow.svg") no-repeat;*/
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none;
}

.tree {
    width:240px;
    min-height:20px;
    padding:0px;
    margin-bottom:0px;
    border-radius:4px;
    margin-left:25px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:8px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
     width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:23px;
    width:25px;
    margin-left:0px;
}
.tree li > span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    height:30px;
    width:30px;
    text-align:center;
    text-decoration:none;
    line-height:30px;
    position:relative;
    left:-10px;
    background-color:white;
    z-index:99;
}
.tree li > span.rozbalovac {
    border:white 1px solid;
}
.tree .rozbalovac {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}


.tree li:last-child::before {
    height:23px
}
.tree span.rozbalovac:hover, .tree span.rozbalovac:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000

}

.tree li a {
    line-height:1.2;
    display:inline-block;
    padding-left:5px;
}

.tree li ul li a {
    padding-left:10px;
}

.tree link + a {
    margin-top:10px;
}

.tree .current li.current > a {
    font-weight:bold;
}

.tree li.active > a {
    color:yellow !important;
}

.tree li.active > a:before {
    content:'\e021';
    color:white;
    position:absolute;
    top:14px;
    left:0px;
    text-shadow:none;
    font-size:16px;
}


/* vyhodi specific ikonky pre gk */
.tree a [class^="icon-"], .tree a [class*=" icon-"] {

    /*display:none;*/
}

/*
#menu_vyber .parent_li::after, #menu_vyber .parent_li::before {
    border:0;
}
*/

#menu_vyber {
    margin-left:25px !important;
}


/* boostrap styles */
li {
    line-height: 20px;
}

ul ul {
    margin: 0 0 0 25px;
}

ul {
    padding: 0;
    margin: 0 0 10px 0px;

}

/* pushy + tree custom colors */
.homeRight .searchMarkup {
    display:none;
}


.pushy-left {
    padding-top:30px;
    -webkit-box-shadow: inset -4px 4px 3px 0px rgba(50, 50, 50, 0.39);
    -moz-box-shadow:    inset -4px 4px 3px 0px rgba(50, 50, 50, 0.39);
    box-shadow:         inset -4px 4px 3px 0px rgba(50, 50, 50, 0.39);
}
.pushy-right {
    -webkit-box-shadow: inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);
    -moz-box-shadow:    inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);
    box-shadow:         inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);
}
.pushy .tree li a {
    color:white;
}

/*123 pushy upravy */
.pushy-left .row {
    margin-left:10px;
    max-width: 250px;
    margin-right:10px;
    margin-top:10px;
    /*overflow: hidden;*/
}

/*123 pushy upravy ^^^^ */


.tree li > span {
    background-color:#3697DA;
    border-color:white;
}

.tree span.rozbalovac:hover, .tree span.rozbalovac:hover+ul li span {
    color:white;
    background-color:#3697DA;
    border-color:#e0e0e0;
}

.tree li ul li {
    display:none;
}

.tree li.active li {
    display:block;
}

.tree li::before, .tree li::after {
    border-color:white;
}

.tree a [class^="icon-"], .tree a [class*=" icon-"] {
    font-size:22px;
    margin-right:10px;

    line-height:0;
    position:relative;
    top:5px;
    /*position:absolute;
    top:25px;
    left:-35px;*/
    z-index:999;
}

#minimenuBox {
    border-top:#8d5796 1px solid;
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:#8d5796 1px solid;
}

#minimenuBox > ul {
    border-top:#d594e0 1px solid;
}

#minimenuBox ul {
    list-style:none !important;
    padding:10px 0px 10px 43px;
    margin:0px;
}

#minimenuBox ul li {
    position:relative;
}



#minimenuBox a [class^="icon-"], #minimenuBoxa [class*=" icon-"] {
    font-size:20px;

    line-height:0;
    position:absolute;
    top:14px;
    left:-18px;
    z-index:999;

}

#minimenuBox li {
    margin-left:0px;
}

#minimenuBox li a {
    margin-left:5px;
}


#minimenuBox a span.icon-bratislava01 {
    color:red;
}
#minimenuBox a span.icon-bratislava02 {

}

#desktopSwitch {
    border-top:#d594e0 1px solid;
    padding-bottom:100px;
}

#desktopSwitch ul {
    padding:10px 0px 10px 43px;
    margin:0px;
    list-style:none;
}
#desktopSwitch li {
    position:relative;
}
#desktopSwitch li span {
    font-size:20px;
    line-height:0;
    position:absolute;
    top:14px;
    left:-18px;
    z-index:999;
}
#desktopSwitch li a {
    margin-left:5px;
}



}

@media (min-width: 992px) {
    .pushy i.icon-mplus, .pushy i.icon-mplus {
        display:none;
    }

    .pushy .searchMarkup {
        display:none;
    }

    .menu-btn {
        display:none;
    }
}
