.navigation { width: 100%; float: left; box-sizing: border-box; margin: 20px 0 40px 0;}
.navigation ul { margin: 0; padding: 0; list-style: none; }
.navigation ul li { display: inline-block;}
.navigation ul li a{ color: #fff; font-size: 15px; font-weight: 400; padding: 10px 0 15px 11px;	 }
.navigation ul li a:hover { color: #000; }


.navigation ul li:hover ul.dropdown {display: block; position: absolute; margin-top: 15px; width:100%; max-width: 300px; 
	box-shadow: 0px 2px 7px #888888; margin-left: 10px;}

.navigation ul.dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:9; min-width:200px;background:#000}

.navigation ul.before{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:9; max-width:320px!important;background:#000}

.navigation ul.menu-2 { list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:9; min-width:160px; max-width:175px!important; background:#000 }


.navigation ul.dropdown li{clear:both;width:100%;font-size:13px; height:100%; box-sizing: border-box;  margin: 0; padding: 0 10px;}
.navigation ul.dropdown li a{width:100%; padding:8px 24px; display:inline-block; float:left; clear:both; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color: #fff; font-size: 15px; font-weight: 400; 
	padding: 10px 0 10px 0px; border-bottom: 1px solid #424242; }
.navigation ul.dropdown li a:hover { color: #336699; }
.navigation ul.dropdown li:hover>a{ position:relative;}

.navigation ul.dropdown li:hover>a::before{ width:0; height:0; content:''; position:absolute; top:12px; right:-19px; border-left:9px solid #000; border-top:9px solid transparent; border-bottom:9px solid transparent; z-index:99999999999999999999999 !important;}

.navigation ul.dropdown li.magazines:hover>a::before{ display: none;}

.navigation ul.before li:hover>a::before{ display: none!important;}

.navigation ul.menu-2 li:hover>a::before{ display: none!important;}

.navigation ul.dropdown li ul.dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:9; min-width:420px;background:#fff}
.navigation ul.dropdown li:hover ul.dropdown { display: block; margin: 0 0 0 290px; border-left:1px solid #ebebeb; box-shadow: none;}

.full-width-menu-bg{ width:210px; height:100px; float:left; margin:0; padding:0; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all 0s ease-in-out 0.3s; -webkit-transition:all 0s ease-in-out 0.3s; -moz-transition:all 0s ease-in-out 0.3s; border:1px solid transparent; overflow:hidden;}
.full-width-menu-bg img{ width:100%; height:100%; }
.full-width-menu-bg:hover{ border:1px solid #ff0000; }
.full-width-menu-bg:hover img{ filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}
  
  .full-width-menu-bg .cap-menu{ width:100%; position:absolute; bottom:0; left:0;  background:rgba(255,255,255,0.7); 
     font-weight:lighter !important; }
  .full-width-menu-bg .cap-menu a { padding: 0!important; }
.full-width-menu-bg .cap-menu h4{ font-size:15px; color:#336699; line-height:18px; padding-left:0px; margin:8px 0 10px 10px;}