/* posunutie tela str�nky */
/*body.move {
  -webkit-animation: moveForwardRight 1s;
  animation: moveForwardRight 1s;animation-fill-mode: forwards;
}
body.moveback {
  -webkit-animation: moveBackRight 1s;
  animation: moveBackRight 1s;animation-fill-mode: forwards;
} */
/**/
/* zatemnenie str�nky */
body.move {

}

body.moveback {

}
/**/
.container-header .navbar-toggler {
  border: 0px solid #000000!important;   color: #000000;
  cursor: pointer;   
}
.navbar-toggler {                                                                
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0rem;
  font-size: 0rem;
  line-height: 1;
  padding: 0rem; width:47px; height:28px;  margin-left:45px;   z-index:100;    
  transition: box-shadow .15s ease-in-out;   background: url(../../images/nav.png) no-repeat center top!important;
}
.navbar-toggler:focus,.navbar-toggler:hover  {
  border: 0px solid transparent;box-shadow: #cccccc 0px 0px 0px;  
  transition: all .45s ease-out;
  transform:scale(1.1);
}
.container-header .mod-menu {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  font-family: 'Oswald', sans-serif!important; 
}
.container-header .mod-menu > li + li {
  margin-left: 0;
}

.container-header .container-nav {
  right: 0px; padding-bottom:50px; width:290px;
  top: 46px;
  position: absolute;  
}

.navbar-expand-md .navbar-toggler, .navbar-expand-md .offcanvas-header {
  display: block;
}
.menu-close {
  position:absolute;
  top:10px;
  right:10px;
  display:block!important;
  z-index:11;
  cursor:pointer;
}

.navbar-collapse {
  position:fixed;
  z-index: 10001;
  top:0px;
  min-width:300px;
  height:100%;
 
  background-color:rgb(0,0,0);    background-color:rgba(0,0,0,0.97);
  align-items: flex-start; padding-left:25px; padding-top:25px;
}
.navbar-toggler-right + .navbar-collapse {
  -webkit-animation: rightShow 1s;    z-index:10001;
  animation: rightShow 1s;animation-fill-mode: forwards;
}
.navbar-toggler-right.collapsed + .navbar-collapse, .navbar-collapse.hide {
  display:block;
  -webkit-animation: rightHide 1s;
  animation: rightHide 1s;animation-fill-mode: forwards;
}

.navbar-collapse .mod-menu > li > a {
  color:white;
  font-size:12.5pt;
  padding:5px;  font-weight:400; 
}
.navbar-collapse .mod-menu > li > a:hover,  .navbar-collapse .mod-menu > li.active > a{
 color:#FF5E00;
}
.container-header .mod-menu > li::after {
  display:none;
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  display:none;
}
/* submenu */
.container-header .mod-menu .parent:hover  ul {
  position:static;
  box-shadow:none;
  display:block;
}
.navbar ul li.parent:hover > ul li  {
  padding:2px 0px;

}
.navbar ul li.parent:hover > ul li a {
  color:#FFFFFF;
  text-decoration:none;
  display:block;
  padding:5px 20px 5px 30px; font-size:12pt;
  width:100%;    line-height:120%;
}
.navbar ul li.parent:hover > ul li a:hover, .navbar ul li.parent:hover > ul li.active a {
  color:#FF5E00;

}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  font-size:16pt;
}

  

/*rozlisenie max 768*/
@media (max-width: 990px)  {
.container-header .container-nav {
   width:200px;
}
.navbar-toggler {
  margin-left:20px;  
}
} 

/*rozlisenie max 500*/
@media (max-width: 500px)  {

} 


ul.nav.menu-2   {
  display:table; margin:0px auto; width:auto; text-align:center;
}

ul.mod-list.menu-2  li {
  padding: 8px 10px;
  margin-right: 0px;  float:left; width:auto;
  background: none;  line-height:120%;  background: none;
}

ul.mod-list.menu-2  li a {
  color:#FFFFFF; font-weight:500; font-size:13pt; text-transform:uppercase;
}

@media (max-width: 500px)  {
ul.mod-list.menu-2  li {
  padding: 8px 7px;
}
ul.mod-list.menu-2  li a {
  font-size:9pt;
}
}

ul.nav.menu-3   {
  display:block; margin:0px; 
}

ul.mod-list.menu-3  li {
  padding: 12px 10px 12px 0px;
  margin-right: 0px;  float:left; width:100%;  text-align:left;
  background: none;  line-height:120%;  background: none;
}

ul.mod-list.menu-3 li a {
  color:#FFFFFF; font-weight:600; text-align:left; font-size:12pt; text-transform:uppercase; font-family: 'Oswald', sans-serif!important;   text-transform:uppercase; letter-spacing:0.5px;
}


@media (max-width: 1400px)  {
ul.mod-list.menu-3  li {
  padding: 7px 10px 7px 0px;
}
ul.mod-list.menu-3 li a {
 font-size:10.5pt;  letter-spacing:0.5px;
}
}

@media (max-width: 990px)  {
ul.mod-list.menu-3  li {
  padding: 5px 10px 5px 0px;
}
ul.mod-list.menu-3 li a {
 font-size:9pt;  letter-spacing:0px;
}
}