﻿@font-face {
  font-family: "icon-font";
  src: url('../fonts/icon-font.eot'); /* IE9 Compat Modes */
  src: url('../fonts/icon-font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/icon-font.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/icon-font.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/icon-font.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/icon-font.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,header h1:before,
.nav-button:before,
.nav-close:before,
.RwdMenu .nav-submenu > a:after,
.RwdMenu > ul > .nav-submenu > a:after {font-family: 'icon-font';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-style: normal;font-variant: normal;font-weight: normal;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: 52px;}
#RwdMenuLogo {display:none;}
.RwdMenu i{color:#FFFFFF;}
.RwdMenu a:hover i{color:#FFFFFF;}
#TopBarTable {width:100%;}
#RwdMenuLogo {display:inline-block;float:left;}
.RwdMenu ul.main {padding-right:30px;float:right;}
@media screen and (min-width: 1200px) {
.RwdMenu .main {top:calc(50% - 18px);}
.RwdMenu .main {top:-webkit-calc(50% - 18px);}
.RwdMenu .main {top:-moz-calc(50% - 18px);}
.RwdMenu .main {top:25%;}
}
.RwdMenu::before{content:'';width:0;height:100%;position:relative;vertical-align:middle;}
.RwdMenu ul.main {padding-left:0px;}
header {display: block;position: fixed;top: 0;left: 0;right: 0;z-index: 901;padding-left: 10px;background: #4F2559;}
header h1 {height: 52px;margin:0;overflow:hidden;}
header h1:before {margin-right: 8px;}
header .LogoName a{color:#FFFFFF;font-size:28px;line-height:46px;}
.nav-button,a.nav-button:visited,a.nav-button:link,
.nav-close,a.nav-close:visited,a.nav-close:link {position: fixed;top: 1px;width: 46px;height: 40px;overflow: hidden;z-index: 902;cursor: pointer;text-decoration: none;line-height: 42px;color: #FFFFFF;}
.nav-button:before,
.nav-close:before {display: block;text-align: center;}
.nav-button {display: block;right: 1rem;font-size: 30px;}
.nav-button:before {} /* content: '\E003'; */
.nav-close {display: none;right: 4rem;font-size: 36px;}
.nav-close:before {content: '\E002';}
.nav .nav-submenu > a:after {position: absolute;display: block;right: 10px;top: 1px;content: '\E005';}
.RwdMenu {padding-top: 52px;color: #FFFFFF;}
.RwdMenu ul{text-align:right;}
.RwdMenu ul li,.RwdMenu ul li a {color:#525252;}
.RwdMenu ul li:hover {color:#5E1D6E;}
.RwdMenu ul ul {min-width:150px;border:1px #DBDBDB solid;text-align:left;}
.RwdMenu ul ul ul {}
.RwdMenu ul ul ul ul {}
.RwdMenu ul ul ul ul ul {}
.RwdMenu li {border-top: 1px solid #DBDBDB;cursor: pointer;}
.RwdMenu ul li:hover > a,
.RwdMenu ul li.nav-active > a {color:#5E1D6E;}
.RwdMenu ul ul li > a {color:#FFFFFF;background: #5E1D6E;}
.RwdMenu ul ul li:hover > a,
.RwdMenu ul ul li.nav-active > a {color:#5E1D6E;background: #FFFFFF;}
.RwdMenu .nav-submenu > ul {}
.RwdMenu a:link,
.RwdMenu a:hover,
.RwdMenu a:active,
.RwdMenu a:visited {text-decoration: none;padding:0 10px;min-width:0px;font-size:16px;line-height:36px;}
@media screen and (min-width: 1200px) {
.LogoBGv1 {width:100%;}
.RwdMenu::before {display:inline-block;}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.top_bar_bg {height:auto;}
.RwdMenu ul.main {margin:10px;}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.RwdMenu a:link, .RwdMenu a:hover, .RwdMenu a:active, .RwdMenu a:visited {min-width:0;padding:0 3px;}
}


@media screen and (max-width: 767px) {
.RwdMenu .nav-submenu > a:after {position: absolute;display: block;right: 10px;top: 1px;content: '\E005';font-size:16px;line-height:36px;}
.RwdMenu .nav-submenu > a {padding-right: 30px !important;}
.RwdMenu ul {text-align:left;}
.RwdMenu ul.main {padding-left:0;padding-right:0;width:100%;}
.RwdMenu ul li,.RwdMenu ul li a {background:#6A5570;color:#FFFFFF;}
.RwdMenu ul li:hover > a,
.RwdMenu ul li.nav-active > a {background:#6A5570;color:#FFFFFF;}
.RwdMenu ul ul {border:none;}
.RwdMenu ul ul li > a {color: #FFFFFF;background: #4B3C4F;}
.RwdMenu ul ul li:hover > a,
.RwdMenu ul ul li.nav-active > a {color: #FFFFFF;background: #5E1D6E;}
.nav > ul > .nav-submenu > a:after {content: '\E005';}
.nav .nav-submenu > a:after {content: '\E006';}
}

@media only screen and (min-width: 768px) {
body {padding: 0!important;}
header {position: relative;display:none;}
.nav-button {display: none;}
.RwdMenu {padding: 0 !important;}
.RwdMenu > ul > li {border-top: none;}
.RwdMenu ul ul ul {}
.RwdMenu ul li:first-child {border-top: none;}
.RwdMenu ul ul ul li:first-child {border-top: none;}
.RwdMenu .nav-left > ul {}
.RwdMenu .nav-submenu li {min-width:150px;}
.RwdMenu .nav-submenu > ul {margin: 0;}
.RwdMenu > ul > .nav-submenu > a:after {}
.RwdMenu .nav-submenu > a:after {}
}
