/*  =====================================
	ICONS
=====================================  */
.top-nav > ul li.submenu > span, .top-nav > ul ul > li.sub-submenu > span, .top-nav > ul li.submenu.ActCollapse > span, .top-nav > ul ul > li.sub-submenu.ActCollapse > span{ background-image: url(../images/min-plus.png) !important; background-repeat: no-repeat !important; background-color: transparent !important; }
/*  =====================================
	HEADER
=====================================  */

.top-nav{ width:auto; float:left;  padding-top: 25px;
    transition: all 0.4s ease 0s;}
.top-nav > ul {display: inline-block;float: l; margin:0px 10px 0 0;}
.top-nav ul ul{ position:absolute;background:#720038; width:270px; z-index:999;}
.top-nav li { float:none; list-style:none outside none; display:inline-block; cursor:pointer; position:relative; padding:0 0px ;}
.top-nav li.submenu > a:after{position:absolute; content:""; right:-7px; height:7px; width:10px; top:42%;}
.top-nav li a {  text-decoration:none; font-family: 'century_gothicbold' !important; color:#606060; font-size:14px; /*text-transform:uppercase;*/ border:2px solid #fff; padding:13px 18px; display:block; transition: none !important;
 position:relative;

/*transform: skewX(0deg); transform: skewY(-3deg);*/}
.top-nav li.contactUs{ padding:0 3px;}
::i-block-chrome, .top-nav li.ourCourses{ padding:0 3px 0 4px;}
.top-nav li.home a{ background-position:left top;  padding:14px 20px;}
.top-nav li.about a{ background-position:left -62px;  padding:13px 15px; padding-right:16px \9; min-width: 71px;}
.top-nav li.ourCourses a{ background-position:left -120px;  padding:13px 26px 13px 26px; padding-right:34px \9;  min-width: 104px;}
.top-nav li.contactUs a{ background-position:left -180px;  padding:13px 20px; }

.top-nav li a:hover {background:url(../images/menu-border.png) no-repeat; color:#c02270;}
.top-nav li.home a:hover{ background-position:left top; }
.top-nav li.about a:hover{ background-position:left -62px;  }
.top-nav li.ourCourses a:hover{ background-position:left -120px;  }
.top-nav li.contactUs a:hover{ background-position:left -180px;  }

.top-nav li a.active {background:url(../images/menu-border.png) no-repeat; color:#c02270;}
.top-nav li.home a.active{ background-position:left top; }
.top-nav li.about a.active{ background-position:left -62px;}
.top-nav li.ourCourses a.active{ background-position:left -120px;}
.top-nav li.contactUs a.active{ background-position:left -180px; }



.top-nav li.ourCourses:hover a{background:url(../images/menu-border.png) no-repeat; background-position:left -120px; }
.top-nav li.ourCourses a.aOpen{background:url(../images/menu-border.png) no-repeat; background-position:left -120px; }


/*.top-nav li a span{display:block; transform: skewX(-8deg) !important; transform: skewY(3deg) !important;}
.top-nav li a:hover, .top-nav li a.active{color:#c02270; border:2px solid #c02270;}*/




.top-nav li ul li a { padding:1em;  color:#fff; font-family:Georgia;  font-size:14px;}
/*.top-nav li a:hover, .top-nav li a.activeitems {color:#957a23;}*/
.top-nav li ul {display:none; text-align:left;}
.top-nav li ul li {float:left;list-style:none outside none;width:100%;padding:0; border-bottom:1px dashed rgba(225,225,225,.5); }
.top-nav li ul li ul li { float:none; list-style:none outside none; min-width:100%; padding:0;display:inline-block; font-size:0.7em; line-height:1.8em;text-align:center; width:1.8em; color:#fff; margin-bottom:-0.3125em; text-align:left;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
content:"\f004"; display:inline-block; font-family:mfg; font-size:0.7em; margin:0 0.625em;}

.top-nav li:last-child:after, .top-nav li.MobileAccount{display:none; }

.top-nav li ul li.sub-submenu > a:after{position:absolute; content:""; right:7px; height:10px; width:7px; top:42%;}
.top-nav li ul li:last-child {border-bottom:0px dashed #999;}


.top-nav li ul li a {  text-decoration:none; font-family: 'century_gothicbold' !important; color:#fff !important ; font-size:15px; /*text-transform:uppercase;*/ border:none; padding:6px 13px !important; display:block; background:none !important; 
/*transform: skewX(0deg); transform: skewY(-3deg);*/}
.top-nav li ul li a span{display:block; transform: skewX(-8deg) !important; transform: skewY(3deg) !important;}
.top-nav li ul li a:hover{color:#fff; border:none; background:#888 !important; }
.top-nav li ul li a.active{color:#fff;background:#888 !important;  }

@media screen and (max-width:1099px) {
.top-nav li{ padding:0 0px;}
.top-nav > ul{ margin-right:0px;}

}

@media screen and (max-width:1023px) {
/*.top-nav li a{ padding: 8px 6px !important;}*/
.top-nav li a{ border:0px;}
}




@media screen and (min-width:768px) {
.top-nav li{ position:relative !important;}
/*.top-nav li:hover > ul { display: block; z-index: 10; }*/
.top-nav li ul { display: none ; }
/*.top-nav li:target + ul { display: none !important; }*/
.top-nav li:hover > ul ul { left: 100%; margin: -2.5em 0; width: 100%; }
.nav-text { display: none; cursor: pointer; }
/*.top-nav li.submenu a{ padding-right:26px !important;}*/
.dropArrow{ background:url(../images/menu-arrow.png) no-repeat center center; position:absolute; height:5px; width:7px; right:15px; top:23px;}
header.sticky .top-nav > ul{ margin-top:3px;}
header.sticky .dropArrow{ top:18px; }

header.sticky .top-nav li a{padding:7px 18px !important; }
header.sticky .top-nav li li a{padding-left:8px !important; padding-top:3px !important; padding-bottom:3px !important; }

header.sticky .top-nav li a:hover{background: url(../images/menu-border.png) no-repeat; }

header.sticky .top-nav li.home a{  }
header.sticky .top-nav li.about a{ padding:7px 15px !important;}
header.sticky .top-nav li.ourCourses a{ padding:7px 33px 7px 17px !important;}
header.sticky .top-nav li.contactUs a{  padding:7px 17px !important;}

header.sticky .top-nav li.home a{ background-position:left -259px; }
header.sticky .top-nav li.about a{ background-position:left -301px; padding:7px 15px !important; }
header.sticky .top-nav li.ourCourses a{ background-position:left -344px; padding:7px 33px 7px 17px !important; padding-right:36px \9 !important;}
header.sticky .top-nav li.contactUs a{ background-position:left -387px; padding:7px 17px !important;}

_:-ms-fullscreen, :root header .top-nav li.about a{ padding-right:16px !important;}
_:-ms-fullscreen, :root header .top-nav li.ourCourses a{ padding-right:34px !important;}
_:-ms-fullscreen, :root header .top-nav li.contactUs a{ padding-right:18px !important;}
_:-ms-fullscreen, :root header.sticky .top-nav li.ourCourses a{ padding-right:36px !important;}

}
 @media screen and (max-width:767px) {
.top-nav li.submenu > a:after{display:none;}
.nav-text:after { content: ""; display: block; background-position: -50px -335px; height:38px; width: 38px; position: absolute; right: 0; /*top: 7px;*/ }

.top-nav ul { background: #720038; }
.top-nav li { display: block; border-top: 1px dashed rgba(225,225,225,.3); text-align: right; }

.top-nav ul{ display:none; }

.top-nav li a {  text-decoration:none; font-family: 'century_gothicbold' !important; color:#fff !important; font-size:15px; text-transform:uppercase; border:0; padding:8px 13px !important; display:block;
background:none !important;
}

.top-nav li a span{display:block; transform: none !important; transform: none !important;}
.top-nav li a:hover{color:#c02270; border:0;}
.top-nav li a.active{color:#c02270; border:none;}

.top-nav > ul { box-shadow: 0 2px 5px #000000; display: none; left: 0px; right: 0px; margin: 0; position: absolute; top: 96px; z-index: 1; }
.top-nav > ul.show-menu { height: auto; }
.top-nav ul ul { left: 0; margin-top: 0; position: relative; right: 0; width: auto; padding: 0px; }
/*.top-nav li ul li { border-top: 1px dashed #242424; }*/
.top-nav li ul li a {/* min-width:100%; */ font-size:13px; }
.top-nav li { float: none; list-style: none outside none; padding: 0; position: relative; text-align:left;}
.top-nav li a { color: #9E9E9E; display: block; padding: 0.625em 15px; text-decoration: none; position:relative;}
.top-nav li a:hover, .top-nav li a.activeitems { color: #C4B16F; }
.top-nav li ul, .top-nav li ul li ul { display: block; overflow: hidden; }
.top-nav > ul ul.show-ul { display: block; height: auto; }
.top-nav li ul li { background: #202020; min-width: auto; }
.top-nav li ul li a { padding: 0.625em; }
.top-nav li ul li ul li { background: #303030; text-align: right; }
.top-nav li ul li ul li a { color: #9E9E9E; }
.top-nav > ul li.submenu > span, .top-nav > ul ul > li.sub-submenu > span { display: inline-block; position: absolute; right:0px; float: right; top: 5px; width: 40px; height: 27px; z-index: 99; background-position: center -11px; border-left: 1px solid #adadad; }
.top-nav > ul li.submenu.ActCollapse > span, .top-nav > ul ul > li.sub-submenu.ActCollapse > span { background-position: center 13px; }
.top-nav li > a .verticleLine, .top-nav li > a .horizontalLine { display: none; }
.top-nav li:first-child, .top-nav li ul li:first-child { border-top: 0px dashed #242424; }
.top-nav li ul li a { padding-left: 20px; }
.top-nav li ul li ul li a { padding-left: 30px; }
.top-nav li.MobileAccount { display: block; }
.top-nav li.MobileAccount > a { display: block; background-color: #000; }


.top-nav li.home a.active{ background:#606060 !important;}
.top-nav li.about a.active{ background:#606060 !important;}
.top-nav li.ourCourses a.active {background:#606060 !important;}
.top-nav li.contactUs a.active {background:#606060 !important;}

.top-nav li li a.active{ background:#3c3c3c;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.top-nav li.about a{ padding:13px 16px 13px 15px;}
.top-nav li.ourCourses a{ padding-right:33px;}
.dropArrow{ top:23px !important;}

header.sticky .top-nav li.about a{ padding-right:16px !important;}
header.sticky .dropArrow{ top:16px !important;}

header.sticky .top-nav li.ourCourses a{ padding-right:38px !important;}
header.sticky .dropArrow{ top:16px !important; right:20px;}
}

@media screen and (max-width:1099px) {
@media screen and (-webkit-min-device-pixel-ratio:0) {
.top-nav li.about a{ padding-right:17px;}
.top-nav li.ourCourses a{ padding-right:34px;}
}


}
@media screen and (max-width:1024px) {
#submenu {
 display: none;
}


.top-nav li.submenu > a:after{display:none;}
.nav-text:after { content: ""; display: block; background-position: -50px -335px; height:38px; width: 38px; position: absolute; right: 0; /*top: 7px;*/ }

.top-nav ul { background: #720038; }
.top-nav li { display: block; border-top: 1px dashed rgba(225,225,225,.3); text-align: right; }

.top-nav ul{display:none;}

.top-nav li a {  text-decoration:none; font-family: 'century_gothicbold' !important; color:#fff !important; font-size:15px;/* text-transform:uppercase; */border:0; padding:8px 13px !important; display:block;
background:none !important;
}

.top-nav li a span{display:block; transform: none !important; transform: none !important;}
.top-nav li a:hover{color:#c02270; border:0;}
.top-nav li a.active{color:#c02270; border:none;}

.top-nav > ul {box-shadow: 0 2px 5px #000000;/* display: none; */left: 0px;right: 0px;margin: 0;position: absolute;top: 90px;z-index: 1;}
.top-nav > ul.show-menu { height: auto; }
.top-nav ul ul { left: 0; margin-top: 0; position: relative; right: 0; width: auto; padding: 0px; }
/*.top-nav li ul li { border-top: 1px dashed #242424; }*/
.top-nav li ul li a {/* min-width:100%; */ font-size:13px; }
.top-nav li { float: none; list-style: none outside none; padding: 0; position: relative; text-align:left;}
.top-nav li a { color: #9E9E9E; display: block; padding: 0.625em 15px; text-decoration: none; position:relative;}
.top-nav li a:hover, .top-nav li a.activeitems { color: #C4B16F; }
.top-nav li ul, .top-nav li ul li ul { display: block; overflow: hidden; }
.top-nav > ul ul.show-ul { display: block; height: auto; }
.top-nav li ul li { background: #202020; min-width: auto; }
.top-nav li ul li a { padding: 0.625em; }
.top-nav li ul li ul li { background: #303030; text-align: right; }
.top-nav li ul li ul li a { color: #9E9E9E; }
.top-nav > ul li.submenu > span, .top-nav > ul ul > li.sub-submenu > span { display: inline-block; position: absolute; right:0px; float: right; top: 5px; width: 40px; height: 27px; z-index: 99; background-position: center -11px; border-left: 1px solid #adadad; }
.top-nav > ul li.submenu.ActCollapse > span, .top-nav > ul ul > li.sub-submenu.ActCollapse > span { background-position: center 13px; }
.top-nav li > a .verticleLine, .top-nav li > a .horizontalLine { display: none; }
.top-nav li:first-child, .top-nav li ul li:first-child { border-top: 0px dashed #242424; }
.top-nav li ul li a { padding-left: 20px; }
.top-nav li ul li ul li a { padding-left: 30px; }
.top-nav li.MobileAccount { display: block; }
.top-nav li.MobileAccount > a { display: block; background-color: #000; }


.top-nav li.home a.active{ background:#606060 !important;}
.top-nav li.about a.active{ background:#606060 !important;}
.top-nav li.ourCourses a.active {background:#606060 !important;}
.top-nav li.contactUs a.active {background:#606060 !important;}

.top-nav li li a.active{ background:#3c3c3c;}



}