nav{
	display:block;
}

nav .menu{display:block;margin-left: 0px;margin-bottom: 0px;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

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

.menu li a {
text-decoration:none;
padding:10px !important;
display:block;
color:#ffffff;

-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{color:#ffffff;
background:#634a88;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 155px;
position: absolute;
top: 43px;
left: 0px;
background-color: #fafafa;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#151416;
width: 100%;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#e8e8e8;
color:#797979;
width: 155px;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.sub-menu li a  {
	color: #151416 !important;
}

.mobile-menu{
display:none !important;
width:100%;
padding:11px;
color:#151416 !important;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{
background:#624889;
color:#151416;
text-decoration:none;
}
.online-course-new:before {
	content: url(/images/icons/mortarboard.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.indiv-course:before {
	content: url(/images/icons/teacher-reading.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.online-teachers:before {
	content: url(/images/icons/building.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.online-lessons:before {
	content: url(/images/icons/program-ico-3.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.online-podii:before {
	content: url(/images/icons/rate-star-button-white.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.main-menu-callback:before {
	content: url(/images/icons/shopping-support-calling.svg);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.menu-callback{
	padding: 2px 8px 1px 19px;
    background: #F46B32;
    transition: all 200ms linear;
    /*position: absolute !important;
*/    right: 0;
}
.menu-callback:after {
	background: rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-top: 42px solid #705394;
    border-right: 18px solid transparent;
}
#mainmenu2 .menu .menu-callback a {
	line-height: 18px !important;
}
.menu .menu-callback a:hover{
	color: #fff !important;
    background: #dc7a52 !important;
}
#mainmenu2 a {
	line-height: 20px !important;
}

@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {
background:#ffffff;
color:#797979;
}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}