
nav {
  display:block;
  width:100%;
  background:#152732;
}

.top-nav ul {padding:0; background-color:#dae3e7;}
.top-nav ul ul {
  position:absolute;
  background:#778492;
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}
.top-nav li a {

  display:block;
  color: #3e454d;
  font-size:18px;
  padding:10px 25px 10px 10px;  
  background-image: url("/templates/povarixa/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 90% 50%; 
}
.top-nav li ul li a {
  
  font-size:14px;
  min-width:100%;
   padding: 5px 20px 5px 20px;
   background-image: none;
  color:#dae3e7;
}

.top-nav li ul:last-child{padding-bottom:10px}
 
.top-nav li:hover {background:#778492;}

.top-nav li:hover > a {color:#dae3e7;}

.top-nav li ul a:hover {background:#8493a3; color:#FFF;}

.top-nav li .navtlt a {font-size:16px; padding: 6px 20px 6px 10px;color:#ffc3a6;}

.top-nav li ul {display:none;line-height:1.2;}
.top-nav li ul li,.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}

ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7rem;
  margin:0 0.625rem;
}
.top-nav .active-item a {background:#e7f0f4; color:#92a1a8;}

.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
  color:#fff;
} 
.bot-test {display:none;} 

@media screen and (min-width:769px) {
 
.bot-test {display:block;} 
 
  .aside-nav .count-number {
	  margin-left:-1.25rem;	
	  float:right;	
  }
  .top-nav li:hover > ul {
	  display:block;
	  z-index:10;
  }  
  .top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5rem 0;
    width:100%;
  } 
}


.nav-text,.aside-nav-text {display:none;}
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
/*  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;*/
}
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#444;
  display:block;
  font-size:1rem;
  padding:1.25rem;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6rem;
  margin:0 0.625rem 0 -1.25rem;
  width:0.625rem;
} 
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}
.margin,.margin2x {display: block;}
.margin {margin:0 -0.625rem;}
.margin2x {margin:0 -1.25rem;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}
.box {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:1.25rem;
  width:100%;
}
.margin-bottom {margin-bottom:1.25rem;}
.margin-bottom2x {margin-bottom:2.5rem;}

.right {float:right;}
.left {float:left;}  


@media screen and (max-width:768px) {

.bot-test {display: block;}
  .size-960,.size-1140,.size-1280 {max-width:768px;}
  .hide-l,.hide-s {display:block;}
  .hide-m {display:none;}
  nav {
    display:block;
    cursor:pointer;
    line-height:3;
  }
  .top-nav li a {background: #778492;}
  .top-nav > ul {
    height:0;
    max-width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;
  }
  .top-nav > ul.show-menu,.aside-nav.minimize-on-small > ul.show-menu {height:auto;}
  .top-nav ul ul {
    left:0;
    margin-top:0;
    position:relative;
    right:0;
  } 
  .top-nav li ul li a {min-width:100%;}
  .top-nav li {
    float:none;
    list-style:none outside none;
    padding:0;
  }
  .top-nav li a {
    border-top:1px solid #93a0af;
    color:#fff;
    display:block;
  padding: 8px 25px 8px 30px;
    text-align:left;
    text-decoration:none;
	 background-image: url("/templates/povarixa/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .top-nav li ul li a {border-top:1px solid #b5bfc4;
  
   padding: 7px 20px 7px 50px;
   }
 .top-nav li ul li a:hover, .top-nav li .navtlt a:hover {background:#FFF; color:#3e454d;}  
   
 .top-nav li .navtlt a {font-size:16px; padding: 7px 20px 7px 30px; background-color:#c7d1d5; color:#3e454d;}
   
  .top-nav li ul li ul li a {border-top:1px solid #989898;}
  .top-nav li a:hover {
  /*  background:none repeat scroll 0 0 #8b8b8b;*/
    color:#fff;
  }
  
.top-nav li ul:last-child{padding-bottom:0 !important;}
  
  .top-nav li ul,.top-nav li ul li ul {
    display:block;  
    overflow:hidden; 
    height:0;   
  } 
  .top-nav > ul ul.show-ul {
    display:block;
    height:auto;  
  }
  .top-nav li ul li a {
    background:#dae3e7;
   /* padding:0.625rem;*/
   color:#3e454d;
  }
  
  
  .top-nav li ul li ul li a {
    background:none repeat scroll 0 0 #d7d7d7;
    color:#222;
  }
  .nav-text {background: #778492; margin-top:20px;
    color:#fff;
    display:block;
    font-size:18px;
    line-height:2.5;
  
    max-width:100%;
    text-align:center;
    vertical-align:middle;
  }
  .nav-text:after {
  /*  content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;*/
  }

}


/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 767px) {
  
  .bot-test {display: block;}
  .header {
    text-align: center;
  }
  .header .profile-image {
    float: none !important;
    margin: 0 auto;
  }
  .header .profile-content {
    float: none !important;
    text-align: center;
  }
  .header .btn {
    margin-top: 30px;
    float: none !important;
  }
  .project-image {
    margin-bottom: 15px;
  }
  
  .scrolltoup { background-position:-288px -199px;
    bottom: 220px; border:1px solid #ccc;
    display: none;
    height: 30px;
    opacity: 1;
    position: fixed;
    right: 6px;
    text-indent: -9999px;
    width: 38px; 
}
}


@media screen and (max-width:480px) {
 
 .bot-test {display: block;}
 
  .size-960,.size-1140,.size-1280 {max-width:480px;}
  .aside-nav li a {text-align: center;}
  .minimize-on-small .aside-nav-text {
    background:#152732 none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    padding-right:0.625rem;
    text-align:center;
    vertical-align:middle;
  }
  .aside-nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .aside-nav.minimize-on-small > ul {
    height:0;
    overflow:hidden;
  }
  .hide-l,.hide-m {display:block;}
  .hide-s {display:none;}
  .count-number {margin-right:-1.25rem;} 
  
}  
.center {
  float:none;
  margin:0 auto;
  display:block;
}

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */

@media screen and (min-width:1152px) {
  
.bot-test {display:none;} 
 
 
}


@media (min-width: 1400px) {

.bot-test {display:none;} 
  .container {
    width: 1360px;
  }
}


