*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}
.responsivemenu {width:100%; float: left; position: relative; padding-top:10px;}

.responsivemenu ul{list-style:none;  float:right; margin:0;}
.responsivemenu >ul >li{ float:left; padding-left:10px; padding-right:10px; line-height:48px;     }
.responsivemenu >ul >li>a{color:#242424; background:#EAC15A; padding-left:15px; padding-right:15px;   font-size:15px; letter-spacing:1px; display:block; border-radius:4px;  }
.responsivemenu ul li:hover a{color:#F54D56; text-decoration:none;}
.responsivemenu ul li.submenu{position:relative;}
.responsivemenu ul li.active{  color:#FFF;}
.responsivemenu ul li.active a{color:#242424; background:#F54D56;}
.responsivemenu ul li:hover a{color:#242424; background:#FFF;}

.responsivemenu ul li.submenu div {position: absolute; width:280px; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); top: 48px; transition: all 0.3s ease-in-out 0s; background:#FFF; 
display:none; padding:10px; z-index:100}
.responsivemenu ul li.submenu:hover   div{ display:block;}
.responsivemenu ul li.submenu div input[type="submit"],.responsivemenu ul li.submenu div input[type="button"]{ width:100%; display:block; padding:10px; background:#F54D56; color:#FFF; line-height:normal; text-align:center; border:none; border-radius:4px; margin-bottom:15px; transition: all 0.3s ease-in-out 0s;}
.responsivemenu ul li.submenu div input[type="submit"]:hover,.responsivemenu ul li.submenu div input[type="button"]:hover{background:#00517b; color:#FFF;}
.responsivemenu ul li.submenu div a{ background:none; color:#F54D56;  transition: all 0.3s ease-in-out 0s;}
.responsivemenu ul li.submenu div a:hover{ background:none; color:#00517b;}

.responsivemenu ul li.submenu div a.button{background:#EAC15A;  width:100%; display:block; padding:10px; color:#242424; line-height:normal; text-align:center; border:none; border-radius:4px; margin-bottom:15px; transition: all 0.3s ease-in-out 0s;}
.responsivemenu ul li.submenu div a.button:hover{background:#242424; color:#FFF;}

.responsivemenu ul li.submenu ul {
    position: absolute;
    width: 200px;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    top: 48px;
    opacity: 1;
    transform: translateY(-2em);
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	background:#FFF;
}



.responsivemenu ul li.submenu:hover   ul{
	visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  }
.responsivemenu ul li.submenu ul li{width:100%; line-height:48px; margin:0;  position:relative; display:block; float:left;  position:relative; font-size:13px; }
.responsivemenu ul li.submenu ul li a
{
 display: block;
  background: #fff;
  color: #7a7a7a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #f5f5f5;
}
  
  
.responsivemenu ul li.submenu ul li a:before {
  content: '';
  position: absolute;
  width: 0px;
  height: 40px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #F54D56;
}

.responsivemenu ul li.submenu ul li a:hover {
  background: #fff;
  color: #F54D56!important;
  padding-left: 25px;
}

.responsivemenu ul li.submenu ul li a:hover:before {
  width: 3px;
}



/*.responsivemenu ul li.submenu ul li:last-child{ border-bottom:none;}
.responsivemenu ul li.submenu li a{display:block; color:#242424;  font-size:16px;}
.responsivemenu ul li.submenu ul li:hover  a{color:#0F9EEA;}*/

.responsivemenu ul li.submenu ul li:hover div.level3 h3{ width:100%; padding:8px;  display:block; float:left; font-weight:800; background:#0093D9; 
color:#FFF;}
.responsivemenu ul li.submenu ul li:hover div.level3 {display:block; }
.responsivemenu ul li.submenu ul li div.level3{width:100%; top:0; left:280px; float:left; padding-left:10px; margin-bottom:10px; position:absolute; 
display:none; max-height:400px; overflow:auto; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333; z-index:1000}
.responsivemenu ul li.submenu ul li div.level3 ul{display:block; position:static; width:auto; float:left; }
.responsivemenu ul li.submenu ul li div.level3 ul li{float:left;    width:100%; border-bottom:none; border-bottom:1px solid #EBEBEB;  
padding-left:8px;
padding-right:8px;}
.responsivemenu ul li.submenu ul li div.level3 ul li:last-child{border-right:none;}
.responsivemenu ul li.submenu ul li div.level3 ul li a{ color:#242424}
.responsivemenu ul li.submenu ul li div.level3 ul li a:hover{ color:#45B6F3}

/*----------megamenu---------*/
.responsivemenu ul li:hover .megamenu{display:block;}
.responsivemenu ul li .megamenu{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px; }
.responsivemenu ul li .megamenu ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu ul li{border-bottom:none!important; width:100%;  line-height:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu ul li:hover{background:none;}
.responsivemenu ul li .megamenu ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px;}
.responsivemenu ul li .megamenu ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu ul li a:hover{color:#5BBFF4;}
.menucol{width:25%; float:left;}
.menuco2{width:25%; float:left;}


/*----------megamenu 2---------*/
.responsivemenu ul li:hover .megamenu2{display:block;}
.responsivemenu ul li .megamenu2{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px;}
.responsivemenu ul li .megamenu2 ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu2 ul li{border-bottom:none!important; width:100%;  line-height:40px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu2 ul li:hover{background:none;}
.responsivemenu ul li .megamenu2 ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px; display:block;}
.responsivemenu ul li .megamenu2 ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu2 ul li a:hover{color:#5BBFF4;}


.responsivemenu ul li,.responsivemenu ul li a,
.responsivemenu ul li ul,
.responsivemenu ul li ul li,.responsivemenu ul li ul li a
{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}