@charset "utf-8";
/* CSS Document */

    .menu{ /*float:right;*/  font-size:14px; font-weight:500;}
     
    .menu li{display: inline-block; padding:0px 15px; line-height:40px; 
    position: relative;
    z-index:100;}

     
    .menu li a {
    text-decoration:none; 
  
   /* display:block;*/
    color:#fff; text-transform:uppercase; letter-spacing:.5px; 
     
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    }

    
    .menu li a:hover, .menu li:hover > a, /*.menu li.current a:hover,*/ .menu li.current:hover > a{/*color:#cb221d;*/ opacity:1; color:#ffaf03;}
	.menu li a.nobg:hover { color:#ececec; background:none;}
	.menu li:first-of-type { padding-left:0;}
	.menu li:last-child { padding-right:0;}
	
	.menu li a.current, .menu li.current a{ color:#ffaf03; }
.menu li li a.current { color:#ffaf03; }
.menu li.current li a { color:#ffaf03;}
	
	    /* hide the second level menu */
    .menu ul {display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px; 
    left: 50%;
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);
    background: #fff; padding:0 ; text-align:center;
    }
	 .menu ul.uno { width:180px;}
	 .menu ul:before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #fff;
  position:absolute; top:-5px;
  left: 50%;
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);
 }
 .index .menu ul { background:#fff;}
 .index .menu ul:before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #fff;
  position:absolute; top:-5px;
  left: 50%;
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);
 }
	.menu ul.dos { display:none !important;}
     
    /* display second level menu on hover */
    .menu li:hover > ul{ display: block;}
     
    .menu ul li {display:block; line-height:normal;width:100%;
    float: none;
    background:none;
    margin:0;
    padding:0;
    }
     
    .menu ul li a { line-height:normal;
    display:block;
    color:#646569;
    background:#fff;}
#nav .menu ul li a {  color:#646569; line-height:1.2; width:100%; font-size:12px; padding:15px;}
#nav .menu ul li a:hover { color:#bc3236;}
	.index .menu ul li a  { background:#fff;}
     
    .menu ul li a:hover, .menu ul li:hover > a{
    color:#bc3236; opacity:1; background:#fff; 
    }
	
	.menu ul li.current a{
    color:#bc3236 !important; opacity:1; background:#fff;
    }
	
	
	    /* change level 3 menu positions */
    .menu ul ul {left: 150px;
    top: 0px;
    }
	.menu ul ul li a{ text-transform:none;}
	
	    .mobile-menu{display:none;
    width:100%;
    /*padding:12px 0;*/
    color:#fff;
    text-transform:uppercase; 
    }
	.index .mobile-menu { color:#fff;}
    .mobile-menu:hover{/*background:#ececec;
    color:#bc3236;*/
    text-decoration:none; opacity:.8;
    }

	.mobile-menu img { height:18px; vertical-align:bottom; padding-right:5px;}
	.mobile-menu img.menu-index { display:none;}
	.index .mobile-menu img.menu-page { display:none;}
	.index .mobile-menu img.menu-index { display: inline-block;}
	

@media (max-width: 1110px) {
	/*.menu li { padding:0 5px;}
	.menu{ font-size:13px;}*/
}

@media (max-width: 990px) {
 #nav { /*text-align:right; */}
    .menu{display:none; position:absolute; width:30%; margin:10px 0 0 26px; /*top:118px; right:30px;*/
	 font-size:14px;
	border-top:solid 2px #bc3236;}
	.index .menu { top:70px;}
     
    .mobile-menu{display:block; font-size:14px;
    }
     
    #nav .menu li{display:block; padding:0;
    margin:0;}
     
   .menu li a {background:#bc3236; padding:10px 12px ; line-height:normal; display:block;
    }
    .menu li a.nobg:hover {  background:#eee;}
	 
    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
    position:relative;
    top:0;
    left:0; 
    width:100%; padding:0; text-align:right; transform:none;}
     .menu ul.uno, .menu ul.dos { width:100%; display: block !important;
text-align: left; }
    .menu ul ul {left:0; padding-left:10px;}
     
	 #nav .menu ul li a { color:#ddd; padding:8px 10px 8px 30px; background:#c3464a; line-height:normal;}
	 #nav .menu ul li a:hover { color:#ffaf03;}
	 #nav .menu ul li.current a { color:#ffaf03 !important;}
	 
	 .menu ul li a { padding:10px 12px; }
	 .menu li:last-child a.nobg { padding-right:20px;}
	 .index #nav li a { color:#666; line-height:normal;}
	 /*.index #nav li a:hover, .index #nav .menu ul li a:hover, #nav .menu ul li a:hover { color:#005dab;}*/
	 .index .menu ul li a, .index .menu ul { background:#f0f0f0;}
	
	 #nav li a { line-height:normal;}
	 /*#nav .menu ul li a:hover { background:none;}*/
	 
	 .menu ul:before { display:none;}
	
}




@media (max-width: 835px) {
/*.menu { width:30%; }*/
    }
	
@media (max-width: 750px) {
   
    }
	

@media screen and (max-width: 670px){
.menu { width:50%; }

}

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


}

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

}

@media screen and (max-width: 380px){
.menu { width:60%; }
.mobile-menu img { padding-left:0;}
}