﻿@media (min-width: 992px) {
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color:transparent;    }
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:transparent;}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:transparent;}
	.collapsible ul { width: 100%; padding: 0; }
	.navbar-collapse { padding: 0;margin-top: 0px;margin-bottom: 0px; }
	#main-menu > li { position: relative; }
	/*#main-menu>li+li:after { padding: 0 13px; color: #353535; content: ""; }*/
    /*.navbar-default .navbar-nav>li:first-child>a{ padding-right: 5px; }*/
	.navbar-default .navbar-nav>li>a{ display: inline-block;     color:#000000;  font-size: 20px; line-height: 1em; margin-right: 0px; margin-left: 0px;  padding: 39px 26px 39px 26px; }
	#main-menu > li > ul > div > li > a:hover, #main-menu > li > ul > div > li.active > a, #main-menu > li > ul > div > li > a:focus { color: #ff7f02!important; }
	#main-menu > li > ul {top: 98px;  padding: 14px 0 14px 0px;  margin-top: 0px;   width: 237px;  min-height: 248px;   background-color: rgba(239, 237, 237, 0.9);   border-color: #fd9025;   border-width: 2px 0px 0px 0px;   border-style: solid;}
	#main-menu > li > ul > div > li {   width: 100%; float: none; margin-bottom: 12px;  padding-right: 15px;  padding-left: 15px;  vertical-align: top;}
        #main-menu > li > ul > div > li::before { content: "\e922"; font-size: 0.5rem; padding-left: 4px;  position: relative; top: 8px; font-weight:bold; float: right;}
	#main-menu > li > ul > div > li:last-child {  }
    li.active.level1, li.level1:hover ,li.level1:focus {   background: #fd9025;}
	.dropdown-submenu { display: inline-block; }
	.dropdown-submenu .dropdown-menu { display: block; }
    #main-menu > li > ul  > div > li > a { padding: 0; color: rgb(59, 59, 59) ; font-size: 18px; font-weight: normal; white-space: normal; overflow: hidden; line-height: normal; vertical-align: baseline; font-family: 'assistant', Arial, Sans-Serif;}
	#main-menu > li > ul > div > li > ul > li a { padding: 0; color: #353535; white-space: normal;  }		
	#main-menu li ul li ul.dropdown-menu > .active > a { color: #353535; text-decoration:underline; background-color: transparent;}
	#main-menu > li > ul > div > li > a + ul { padding-top: 5px; }
	#main-menu > li > ul li > ul > li { display: block;  line-height: 2em; }	
	#main-menu > li > ul li > ul { position: relative; display: inline-block; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; padding-right: 0; }
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #ed1941; }
	.navbar-nav > li > a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {color: #ffffff;}
	.level1, .myLevel1 { padding: 0px 0px 0px 0px; }
	
	/*.navbar-nav,*/ .navbar-nav > li { float: right; }
   
     #main-menu > li > ul > li.images-menu { width: 100%; padding:0;}
     #main-menu > li > ul > li.images-menu > ul > li {width:33.333333%; float: right; padding-right: 15px; padding-left: 15px; }
     #main-menu > li > ul > li.images-menu > ul > li img { border-top: 1px solid #d7d7d7;  padding-top: 0.9375em;}
     /*#main-menu>li+li:before { padding: 0; color: #353535; content: "|"; }*/      
     
     .level1 a:focus ~ .dropdown-menu {display:block} 

}

@media (min-width: 992px) and (max-width: 1200px) {
     .navbar-nav .level1:last-child a { margin-left: 20px; }
     .navbar-default .navbar-nav>li>a {  padding: 0 5px 14px 5px;}
}

@media (min-width: 992px) and (max-width: 1220px) {     
     .navbar-default .navbar-nav>li>a {font-size:1.15rem;}
}

/*
@media (min-width: 768px) and (max-width: 991px) {
    #main-menu>li+li:before { padding: 0 7px; color: #2b2d42; content: "|"; }
    #main-menu>li a{ font-size: 24px; }
    #main-menu > li > ul > li > a { font-size: 18px; }
    #main-menu > li > ul > li > ul > li a { font-size: 18px; }
    #main-menu > li > ul >li { width: 33%; }
    #main-menu > li > ul >li:nth-child(3n)  { border-left: 1px solid transparent; }
      #main-menu { margin-top: 0px;     margin-right: 15px; }
	}

*/

@media (max-width: 991px) {
  .mobile-menu-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 80vw;
    max-width: 320px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
    overflow-y: auto;
    padding-top: 60px;
    display: block;
  }
  .mobile-menu-wrapper.open {
    transform: translateX(0);
  }
  #main-menu {
    padding: 0;
  }
  #mobile-menu-close {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 2em;
    color: #333;
    background: none;
    border: none;
    z-index: 10001;
  }
  body.mobile-menu-open {
   /* overflow: hidden;
    position: fixed;*/
    width: 100%;
    max-width: 100vw;
  }
  .navbar-toggle {
    z-index: 10002;
  }
  .menu-general .navbar-nav {
    float: none;
    width: 100%;
    margin: 0;
  }
  .menu-general .navbar-nav > li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  .menu-general .navbar-nav > li > a {
    display: block;
    padding: 18px 20px;
    color: #222;
    font-size: 18px;
    background: none;
  }
  #main-menu { margin-top: 0px; margin-bottom: 0px; color: #353535; max-height: 455px; overflow-y: auto; -webkit-box-shadow: 0 5px 7px rgba(0,0,0,.6); -moz-box-shadow: 0 5px 7px rgba(0,0,0,.6); box-shadow: 0 5px 7px rgba(0,0,0,.6);}
	#main-menu > li { border-bottom: 0px solid #000; background: #111111; width: 258px;}
    #main-menu > li:last-child > a { border-bottom: 0px solid #000; }
	#main-menu > li > a {  padding: 18px 0px 7px 5px;  /*margin: 0px 15px 0px 15px;*/  color: #ffffff;  font-size: 19px;  border-bottom: 1px solid #3B3B3B;  font-weight: 100;  height: 58px;  line-height: 1em;}
	#main-menu > li.active.level1 a {
    color: #ff7f0c;
}
	/* 1st level */
	#main-menu > li > a[data-toggle="dropdown"]:before { content: '\e925';  float: left;color:#fff; font-family: 'icomoon' !important;  font-size: 0.8rem;}
	#main-menu > li > a[aria-expanded="true"]:before { content: '\e924';  color:#fff; font-family: 'icomoon' !important;  font-size: 0.8rem;}
	#main-menu > li > ul { padding: 0; }
   #main-menu > li > ul > div > li { background-color: #fff; border-bottom: 1px solid #9C9B9B; font-size: 0.8889rem; }
   #main-menu > li > ul > div > li:last-child{  border-bottom: 0px solid #9C9B9B;  }
    #main-menu > li > ul > div > li  a {  padding: 12px 27px 12px 0;display: block;color:#000;}
   /*#main-menu > li > ul > div > li:nth-last-of-type(2) { border-bottom: 0px;  }*/
   #main-menu > li > ul > div > li:first-child {  border-top: 1px solid #000;}

	/* 2nd level */
	#main-menu > li > ul > div > li > a[data-toggle="dropdown"]:before { content: '+'; float: left; }
	#main-menu > li > ul > div > li > a[aria-expanded="true"]:before { content: '-';  }

	/* 3rd level */
	#main-menu > li > ul > li > ul  { padding: 0; border-top: 1px solid #7F808D; }
  #main-menu > li > ul > li > ul > li { background-color: #f3f3f3; border-bottom: 1px solid #7F808D; font-size: 1.125em;  }
  #main-menu > li > ul > li > ul > li:last-child {border-bottom:0;  }
	#main-menu > li > ul > li > ul > li > a { color: #353535; padding-right: 30px; word-wrap: break-word; white-space: normal; line-height: 25px; }

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#000;}  
	.navbar-nav .level1:last-child a { font-weight: normal;  display: block;  margin-left: 0;  padding: 12px 13px 12px 15px;}
	.navbar-nav .open .dropdown-menu{border-bottom:0px solid #000;}
    li.level1.li-prepended a { padding: 5px 15px 5px 0px;}
    img.img-header-mb {  padding-left: 7px;    max-width: 35px !important;}
    .navbar-toggle {
        display: block;
        background: none;
        border: none;
        padding: 10px 15px;
        margin: 10px 0 10px 10px;
        float: right;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 3px;
        margin: 4px 0;
        background-color: #333;
        border-radius: 1px;
        transition: all 0.2s;
    }
    .navbar-toggle.collapsed .icon-bar {
        background-color: #333;
    }
    .navbar-toggle:focus {
        outline: none;
    }
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none !important;
    }
}