/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color: #ff7700;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 15px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
    margin-top: 40px;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */








.with-submenu {padding-right: 10px;}

.with-submenu a {
	background-image: url(../images/down-arrow.png);
	background-repeat: no-repeat;
	background-size:11px auto; 
	background-position: right center;
}

.with-submenu li a {background-image: none;}



.menu {
	  margin-top:0px;
	  margin-left: 0px;
	  margin-right: 10px;
	  display: inline-block;
	transition: all 0.5s ease-in 0s;
}

.menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      position: relative;
}
 
.menu ul li {
      display: inline-block;
	  transition: all 0.5s ease-in 0s;
	  float: left;
	  min-width: 100px;
	  text-align: center;
}

.menu ul li:first-child {border-left: 0px;}

.menu ul li a {
      color: #666;
      text-decoration: none;
      padding: 22px 20px;
      display: block;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 20px;
}
 
.menu ul li a:hover {
      color:#000!important;
}
 
.menu ul ul {
      position: absolute;
      width:200px;
      background: #00a3ee;
      display: none;
	  z-index: 100;
      margin-top: 1px;	
}
 
.menu ul ul li {
      display: block;
      background: #00a3ee;
	  transition: all 0.5s ease-in 0s;
	  width: 100%;
	  border-left:0px!important;
	  border-right:0px!important;
	  text-align: left;
}
 
.menu ul ul  a { padding: 8px 10px 8px 10px !important; color: #fff; text-transform: capitalize; border-bottom:1px solid #43bdf5; display: block; letter-spacing: 0px; font-size: 13px; font-weight: 500; }

.menu ul ul  a:hover {background-color: #ff7700; color: #fff!important; }

.menu ul li:hover ul {
      display: block;
}
 
.menu ul li i {
      color: #fff;
      float: right;
  	  padding-left: 15px;
	  margin-top: 2px;
}
 
.menu  nav div {
      background: #eee;
      color: #292929;
      font-size: 24px;
      padding: 0.6em;
      cursor: pointer;
      display: none;
}
 
@media(max-width: 1239px) {
	
	  .responsive-menu-icon {
    	display: block;	
	  }
      .menu  nav div {
            display: block;
      }
 
      .menu ul {
            display: none;
            position: fixed;
            background: #e3e3e3;
		    top:93px;
		    width: 100%;
		    z-index: 10;
		    left: 0px;
      }
 
      .menu ul li {
            display: block;
		    border-top: 1px solid #113d69;
		  width: 100%;
      }
 
      .menu ul ul {
            position: static;
            background: #e3e3e3;
		    width: 100%;
      }

	  .menu ul li a {padding:10px;}

	  .menu ul li:hover { background-color: #ddd;}

	  .menu ul ul li:hover { background-color: #f1f1f1!important;}
	
}