ul.dropdown {
  text-align: left;
  display: inline;
  margin: 0;
  padding:0;
  list-style: none;
 
}
ul.dropdown li {
  display: inline-block;
  position: relative;
  padding:0;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
 
ul.dropdown li ul.submenu {
  padding: 0;
  margin:0px;
  position: absolute;
  z-index:9999;
  top: 26px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
 /* display: none;*/
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -transition: opacity 0.4s;
}
ul.dropdown li ul.submenu > li { 
  background: #ffffff; 
  display: block; 
  color: #fff;
}

ul.dropdown li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

ul.dropdown > li > a{
	padding:5px 0 3px;
	border-bottom:0px;
	display:block;
	width:120px;
	margin:auto;
	color:#fff;
	
}
ul.dropdown > li:hover > a{

	color:#fff;
}
ul.dropdown > li.last{
	border-right:1px solid #d1d1d1;
}
 
ul.dropdown li ul.submenu{
	width:200px;
	border-bottom:1px solid #bcbcbc;
	left:-35px;
	
}

ul.dropdown li ul.submenu > li{
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
}
 
ul.dropdown li ul.submenu li.frist{
	height:10px;
	border:0;
	border-bottom:1px solid #bcbcbc;
	background:none;
}
ul.dropdown  li ul.submenu li.space{height:5px;}
 

ul.dropdown ul.submenu > li > a{
	padding:10px 20px 5px;
	display:block;
	text-align:left;
}


/*custom style*/
#menu{
	float:left;
	margin:20px 30px 0 0;
}
#menu > li{
	border-left:1px solid #d1d1d1;
	background:none;
	padding:0px;
	font-size:24px;
	float:left;
	text-align:center;
	font-family: 'circularregular';
	line-height:20px;
	height:28px;
	width:135px;
	
}
#menu > li:hover > a{
	border-bottom:3px solid #2672a4;
}

#menu > li > a{ 
	position:relative;
	border-bottom:3px solid transparent;
}
#menu > li > a.active{
    background:#ffa800;
	color:#fff;
	border-bottom:0;
}

#menu > li > a.active:before {
content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left:-5px;
   border-top: 5px solid #ffa800;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent; 
}
#menu > li > a.active:hover:before,
#menu > li:hover > a.active:before {
	border:0;
	border-bottom:3px solid transparent;
}



.submenu a:hover{
	/*background:#ccc;*/
	color:#fff;
}



.dropdown .arrow{
	display:inline-block;
	width:14px;
	height:9px;
	position:relative;
	top:-2px;
	left:0;
	background:url(../images/arrow_menu.png) 0 0 no-repeat;
	
}

#menu li.tutor_menu {
	position:static;
}
#menu li.tutor_menu > ul{
	width:968px;
	left:0px;
 
}
#menu li.tutor_menu .arrow{ left:-8px}

ul.order{
	top:38px !important;
	left:-183px !important;
	width:325px !important;
	padding:0px 5px !important;
	background:#fff;
	border:3px solid #ffd98f !important
}
 
ul.order li{
	padding:10px 0 2px 0;
	border-left:0px !important;
	border-right:0px !important;
	border-top:1px dotted #b2b2b2;
}
 
ul.order li:first-child{
	border:0;
}
ul.order li.bottom {
	color:#393939;
	text-align:right;
	border-top:1px solid #b2b2b2;
	padding:15px 0;
}
ul.order li.bottom .price{
	font-size:30px;
	color:#393939;
	font-family: 'circularbold';
}
ul.order li.bottom .buttons{ margin-top:10px;}
ul.order li.bottom .button{
	padding:3px 30px}
 

/*about_veo_menu*/
ul.dropdown.about_veo_menu > li > a,
ul.dropdown.manage_account > li > a{ width:auto; padding:0 10px 0 5px;}

ul.dropdown.about_veo_menu > li:hover > a{color:#ffb400}

ul.dropdown.about_veo_menu li,
ul.dropdown.manage_account li{ float:none}

ul.dropdown.about_veo_menu li:first-child,
ul.dropdown.manage_account > li:first-child{ background:none}

ul.dropdown.about_veo_menu li ul.submenu ,
ul.dropdown.manage_account li ul.submenu { top:15px; left:-58px; width:170px;}

ul.dropdown.about_veo_menu  li ul.submenu li{ height:auto; margin-right:0}
ul.dropdown.about_veo_menu  li ul.submenu li.space{ height:10px}

ul.dropdown.about_veo_menu  li ul.submenu li a,
ul.dropdown.manage_account  li ul.submenu li a{ padding:5px 8px; color:#191919; font-weight:normal}

ul.dropdown.about_veo_menu  li ul.submenu li a:hover{ color:#ffb400}
ul.dropdown.about_veo_menu  li ul.submenu li.frist .arrow{ top:2px; left:80px;}

.about_veo .dropdown.manage_account{
	position:relative;
}
.about_veo .dropdown #login{
	padding:5px 5px 2px;
	position:relative;
	top:1px;
	display:block;
	
}

ul.dropdown.manage_account  li ul.submenu { left:0; top:18px; width:220px; padding:10px 0; background:#fff}
ul.dropdown.manage_account li{ 
	height:auto; 
	margin-right:0; 
	font-size:13px; 
	line-height:16px;
	border-left:0px !important;
}
ul.dropdown.manage_account li:hover #login{ color:#ffb400}
ul.dropdown.manage_account li a{font-weight:bold !important; padding:5px 8px !important} 
ul.dropdown.manage_account li a:hover{ color:#ffb400 !important}

ul.dropdown.manage_account li ul.submenu{border:4px solid #005e9d}