@font-face{font-family:icon-font;src:url(fonts/icon-font.eot);src:url(fonts/icon-font.eot?#iefix) format('eot'),url(fonts/icon-font.woff) format('woff'),url(fonts/icon-font.ttf) format('truetype'),url(fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}.icon-desktop:before{content:"\E001"}
.icon-menu-close:before{content:"\E002"}
.icon-menu:before{content:"\E003"}
.icon-mobile:before{content:"\E004"}
.icon-submenu-down:before{content:"\E005"}
.icon-submenu-right:before{content:"\E006"}
.icon-world:before{content:"\E007"}
/*body{padding-top:4.4rem}
header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:4.4rem;background:#26201C;color:#A69A94}header h1{margin:0;font-size:1.7rem;line-height:4.4rem}
header h1:before{content:"\E004";margin-right:8px}*/

.nav-button,.nav-close{position:relative;width:auto;height:35px;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:35px;background:#fff;color:#000; float:right;  margin:20px 0 0 0;}
.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:1rem;font-size:1.7rem}
.nav-button:before{content:"\E003"}
.nav-close{display:none;right:4rem;font-size:1.9rem}
.nav-close:before{content:"\E002"}
.nav{ padding:0 10px; margin:0px 0 0 0 !important; line-height:71px;/*background:#fff;*/}
.nav ul{border-radius:0 0 0px 0px; font-size:13px;color:#000 !important; font-weight:bold;}
.nav ul ul{background:#090; height:auto; font-size:14px;line-height:22px; display:block;/* left:-400px;*/}
.nav ul ul ul{background:#382f29}
.nav ul ul ul ul{background:#40362f}
.nav ul ul ul ul ul{background:#493e36}
.nav li{border-top:1px solid #ebebeb;cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{color:#fff;background:#00519c url(../images/activeMenu.png) no-repeat center bottom;/* border-radius:10px;*/}
.nav .nav-submenu>ul{margin-left:0px}
.nav .nav-submenu>a{padding-right:30px!important}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 12px 1px;color:#3a3a3a;text-decoration:none}
.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}
.contactUsMenu{background:#ff6100; color:#fff !important; border-radius:10px 10px 0 0;}

.subMenuContainer{width:900px; height:auto; padding:7px 25px 10px 25px; background:#f4f4f4;}
.smHeadingBox{ margin:0 0 10px 0;border-bottom:solid 1px #cfcfcf;}
.smHeading{width:auto; height:auto; padding:18px 0 10px 0; text-align:left;  float:left; font-size:20px; font-weight:bold; color:#6c9f00;}
.viewAllBox{width:auto; height:auto; padding:10px 0; float:right; text-align:right;}

.viewAll{width:auto; height:auto; padding:10px 25px !important; margin:0; font-size:15px; border:none;background:#6c9f00; color:#fff !important;outline:none; cursor:pointer; border-radius:5px;}
.viewAll:hover{background:#ff6100; !important}

.subMenuBox{width:78%; height:auto; float:left;}
.subMenuAddBox{width:20%; height:auto; float:right;}
.smCenterNav{width:25%; padding:3px 0px 3px 7px !important; display:block; margin:0px 10px 0px 0; font-size:13px; font-weight:400; border-bottom:solid 1px #fff; color:#00519c !important;cursor:pointer; float:left;}
.smCenterNav:hover{background:#00519c; color:#fff !important;}
.smNavCol{width:30%; height:auto; margin:0 3% 0 0; float:left;}
.smServHead{width:100%; padding:3px 0px 3px 0 !important; display:block; margin:0px 0 0px 0; font-size:15px; font-weight:bold; border-bottom:solid 3px #00519c !important; color:#00519c !important;cursor:pointer; text-align:left;}
.smNav{width:97%; padding:3px 0px 3px 3% !important; display:block; margin:0px 0 0px 0; font-size:12px; font-weight:500; border-bottom:solid 1px #fff; color:#00519c !important;cursor:pointer; text-align:left;}
.smNav:hover{background:#00519c;border-bottom:solid 1px #00519c !important; text-decoration:none !important; color:#fff !important;}
.activeMenu{background:url(../images/activeMenu.png) no-repeat center bottom;}

.sMenu2Position{ left:-750px !important;}
@media (min-width: 769px) and (max-width: 1000px) {
.subMenuContainer{width:700px; height:auto; padding:5px 25px 10px 25px; background:#f4f4f4;}
.subMenuBox{width:100%; height:auto; float:none;}
.subMenuAddBox{width:25%; height:auto; float:right; display:none;}
.sMenu2Position{ left:-432px !important;}
}
@media (min-width: 481px) and (max-width: 769px) {
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 12px 1px; background:#f6f6f6;color:#3a3a3a;text-decoration:none}
.nav li.nav-active>a,.nav li:hover>a{color:#fff;background:#00519c;/* border-radius:10px;*/}
.abBorder{ border-bottom:solid 1px #ebebeb;}
.subMenuContainer{width:90%; height:auto; padding:10px 5%; background:#f4f4f4;}
.sMenu1Position{ left:0 !important;}
.sMenu2Position{ left:0 !important;}
.subMenuBox{width:100%; height:auto; float:none;}
.subMenuAddBox{width:25%; height:auto; float:right; display:none;}
.smCoursesNav{width:45%;}
.smNavCol{width:100%; height:auto; margin:0 0 0 0; float:none;}
.activeMenu{background:none;}
}
@media (min-width: 320px) and (max-width: 480px) {
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 12px 1px; background:#f6f6f6;color:#3a3a3a;text-decoration:none}
.nav li.nav-active>a,.nav li:hover>a{color:#fff;background:#00519c;/* border-radius:10px;*/}
.abBorder{ border-bottom:solid 1px #ebebeb;}
.subMenuContainer{width:90%; height:auto; padding:10px 5%; background:#f4f4f4;}
.sMenu1Position{ left:0 !important;}
.sMenu2Position{ left:0 !important;}
.subMenuBox{width:100%; height:auto; float:none;}
.subMenuAddBox{width:25%; height:auto; float:right; display:none;}
.smCoursesNav{width:45%;}
.activeMenu{background:none;}

.smHeading{font-size:15px;}
.viewAll{width:auto; height:auto; padding:10px 10px; font-size:12px;}
.smNav{width:97%;}
.smNavCol{width:100%; height:auto; margin:0 0 0 0; float:none;}
}




@media only screen and (min-width:769px){
/*body{padding:0!important}
header{position:relative}
header h1:before{content:"\E001"}*/
.nav-button{display:none}
.nav{padding:0!important;}
.nav>ul>li{border-top:none}
.nav li>ul{/*box-shadow:0 0 5px 0 rgba(0,0,0,.75)*/}
.nav ul ul ul{border-radius:0 6px 6px}
.nav ul ul ul li:first-child{border-top:none}
.nav .nav-left>ul{border-radius:6px 0 6px 6px}
.nav .nav-submenu li{min-width:110px}
.nav .nav-submenu>ul{margin:0}
.nav>ul>.nav-submenu>a:after{content:"\E005"}
.nav .nav-submenu>a:after{content:"\E006"}
}
@media (min-width: 769px) and (max-width: 1024px) {
.nav ul{border-radius:0 0 0px 0px;background:#fff; font-size:15px;}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 4px 1px 4px;text-decoration:none}

}
@media (min-width: 480px) and (max-width: 769px) {
.contactUsMenu{background:#fff !important; color:#000 !important; border-radius:0;}
.contactUsMenu:hover{background:#ff6100 !important; color:#fff; border-radius:0;}
.nav{width:100%;padding:0!important;margin:0 !important;line-height:35px !important;}
/*.nav ul ul{background:#090; height:auto; font-size:13px;line-height:22px; left:0px;}
.subMenuContainer{width:100%; height:400px; padding:10px 25px; background:#CCC;}*/
.smHeadingBox{ margin:0 0 10px 0;border-bottom:solid 1px #cfcfcf; display:none;}
}
@media (min-width: 320px) and (max-width: 480px) {
.contactUsMenu{background:#fff !important; color:#000 !important; border-radius:0;}
.contactUsMenu:hover{background:#ff6100 !important; color:#fff !important; border-radius:0;}
.nav{width:100%;padding:0!important;margin:0 !important;line-height:35px !important;}
/*.nav{padding:0!important;margin:75px 0 0 0 !important;line-height:35px !important;}*/
}