﻿ul.dropmenu{ text-align:left; width:100%;font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing: 0.012cm; }
ul.dropmenu li{   white-space: nowrap; list-style: none;float: left;    padding: 0px 0px;margin: 0px 0px;line-height: 32px;display: block;position: relative;text-transform: uppercase;}
ul.dropmenu li:first-child { background:none;  }
ul.dropmenu li a{font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:500;  color: #3b3b3b;padding: 4px 9px;margin: 0px 0px;display: block; text-transform: uppercase; /*background: url(/images/arrow_m.png) bottom center no-repeat;*/  }
    ul.dropmenu li a.nobg    { background:none    }
    ul.dropmenu li.dnone2:hover a
    { background:none
    }
/*.dropmenu ul.submenu{min-width: 180px;     padding: 10px 0px; margin: 0px;/* box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);*/ background:#ec2b42; position: absolute;top:40px;left:0px;display:none;z-index: 999;}*/
   
ul.dropmenu ul.submenu li{ background:none; padding: 0px;margin: 0px;display: block;float: none;border-bottom: 0px solid #2C75DA;text-transform: none;}
ul.dropmenu ul.submenu li:last-child{border: none;}

.dropmenu ul.submenu li a { color:#fff; line-height: 21px; padding:5px 15px 5px 15px;  background:none; font-weight: 400;transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;}
.dropmenu ul.submenu li a:hover  { background:none; color:#fff;transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;padding:5px 5px 5px 25px; }
.dropmenu li:hover > a { color:#4b5596; background: url(/images/arrow_m2.png) bottom center no-repeat; }
.dropmenu ul.submenu li  
{ width:100%; background:none;
}
  
 /*.dropmenu li:hover > ul{display: block;-moz-animation: flipInX .5s ease-in; -webkit-animation: flipInX .5s ease-in ;  animation: flipInX .5s ease-in;}
.dropmenu ul li:hover > ul{display:block;-moz-animation: flipInY .5s ease-in ; -webkit-animation: flipInY .5s ease-in ; animation: flipInY .5s ease-in;}*/ 
 
.menu ul li > ul{ position:absolute; left:0%; width: auto;top:auto; opacity:0; visibility:hidden;   z-index: 1; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; background:#4b5596; text-align:left; margin-top:30px; border-bottom: 4px solid #fdd911; min-width:170px;}
 .menu ul li:hover > ul{ left:0; opacity:1; visibility:visible; margin-top:0;}  
/*.dropmenu ul.submenu li:before {display: block; z-index: -1; position: absolute; left:0px; bottom: 0px; width: 0;
  height: 100%; background-color: #313131; content: ""; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.dropmenu ul.submenu li:hover:before { width: 100%;}*/
.dropmenu ul.lastMenu
{left: auto!important;
    right: 0px;
    text-align: right;
}
 

.dropmenu ul.submenu li:hover:before {
    height: 100%;
    bottom: 0;
}.dropmenu ul.submenu li:before {
    display: block;
    z-index: -1;
    position: absolute;
    left: 0px;
    bottom: 50%;
    width: 100%;
    height: 0px;
    background: #fbd328;
    content: "";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

 /*.imgmenu{ position: absolute; top: 0; z-index: 1; display: none; left: 100%;  -webkit-animation: mymove 0.3s ;   animation: mymove 0.3s;  -moz-animation: mymove 0.3s ; -o-animation: mymove 0.3s ; -sand-animation: mymove 0.3s ; -ms-animation: mymove 0.3s ;}
.menu ul li:hover .imgmenu{ display:block;-webkit-animation: mymove 0.3s ;  animation: mymove 0.3s;  -moz-animation: mymove 0.3s ; -o-animation: mymove 0.3s ; -sand-animation: mymove 0.3s ; -ms-animation: mymove 0.3s ;    -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.33);}

.imgmenu:before
{ display:none;
}*/
 #menu-mobile {
    display: none;
    width: 42px;
    height: 30px;
    margin: 0px auto;
    cursor: pointer;
    text-align: center;
    position: relative;
}
 #menu-mobile span { width:42px; height:4px; background:#3469cc; margin:3px 0px; float:left;  }
#menu-mobile.active3 .spanx{ display:none;}
#menu-mobile.active3 .spany{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);top: 9px;position: relative;}
#menu-mobile.active3 .spanz{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
