/* CSS Document */
@font-face {
font-family: 'Open Sans CLI';
src: url('../fonts/OpenSansCondensed-LightItalic.eot');
src: url('../fonts/OpenSansCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSansCondensed-LightItalic.woff') format('woff'),
url('../fonts/OpenSansCondensed-LightItalic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'GillSansLight';
	src: url('../fonts/GillSansLight/GillSans-Light.eot');
	src: local('☺'), url('../fonts/GillSansLight/GillSans-Light.woff') format('woff'), url('../fonts/GillSansLight/GillSans-Light.ttf') format('truetype'), url('../fonts/GillSansLight/GillSans-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
ul#cssmenu {
        width:640px;
        margin: 0;
        border: 0 none;
        padding: 0;
        list-style: none;
        height: 68px;
}

ul#cssmenu li {
        margin: 0 20px;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative; box-sizing:border-box;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        min-width: 640px;
        list-style: none;
        display: none;
        position: absolute;
        top: 68px; z-index:99;
        left: 0; background:#f0f0f0
}
ul#cssmenu ul:before {content:''; display:block; width:26px; height:100%; background:url(../images/sub-menu-l.png) no-repeat left top; position:absolute; left:-26px; top:0}
ul#cssmenu ul:after {content:''; display:block; width:26px; height:100%; background:url(../images/sub-menu-r.png) no-repeat left top; position:absolute; right:-26px; top:0}
/*ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}*/

ul#cssmenu ul li {
        width: auto; background:none;
        float: left;
        display: block !important;
        display: inline;
}

/* Main Menu */
ul#cssmenu a {
        border: 0px;
        padding: 23px 10px 22px 10px;
        float: none !important;
        float: left;
        display: block;font-family: 'GillSansLight'; font-weight:100;
        color: #FFFFFF;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}
ul#cssmenu a:after { content:''; height:1px; display:block; background:#b38029}
ul#cssmenu ul li a { padding:15px 10px; font-size:17px; font-style:italic; font-family:'Open Sans CLI', Arial, serif}

ul#cssmenu .active a:before,ul#cssmenu a:hover:before,ul#cssmenu li:hover a:before,ul#cssmenu li.iehover a:before  {content:''; display:block; width:26px; height:100%; background:url(../images/menu-l.png) no-repeat left top; position:absolute; left:-26px; top:0}
ul#cssmenu .active a:after,ul#cssmenu a:hover:after,ul#cssmenu li:hover a:after,ul#cssmenu li.iehover a:after {content:''; display:block; width:26px; height:100%; background:url(../images/menu-r.png) no-repeat left top; position:absolute; right:-26px; top:0}
ul#cssmenu .active a,ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a { background:#facc41; color:#333333}
/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        float: none;
        background: none;
        color: #1f1f1f;
}
ul#cssmenu .active ul li a:before,ul#cssmenu li:hover ul li a:before,ul#cssmenu li:hover ul li a:after,ul#cssmenu .active ul li a:after { display:none}
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        background: none;
        color:#1f1f1f;
}
/*ul#cssmenu li:hover ul li a:after,ul#cssmenu .active ul li a:after { content:''; height:1px; display:block; background:#b38029}*/
ul#cssmenu ul ul {
        display: none;
        position: absolute;
        left: 150px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: flex;
} 
@media only screen and (max-width: 1005px){
	ul#cssmenu { width:443px; height:51px}
ul#cssmenu li { margin:0 10px}
ul#cssmenu a { padding: 16px 10px 16px 10px}
ul#cssmenu ul { top:50px}
ul#cssmenu ul li a { font-size:14px; padding: 8px 10px}
ul#cssmenu ul { min-width:540px}
}
@media only screen and (max-width: 715px){
	ul#cssmenu { width:100%; height:auto}
	ul#cssmenu li { display:block; float:none; margin:0; border-bottom:#2e2e2e solid 1px}
	ul#cssmenu a:after { display:none}
	ul#cssmenu ul { display:block; top:0; min-width:inherit; position:relative; background:#212121;border-top: #202020 solid 1px;border-bottom: #202020 solid 1px;}
	ul#cssmenu ul li { width:100%; float:none}
	ul#cssmenu ul li:last-child { border-bottom:none}
	ul#cssmenu ul:before,ul#cssmenu ul:after, ul#cssmenu .active a:before,ul#cssmenu a:hover:before,ul#cssmenu li:hover a:before,ul#cssmenu li.iehover a:before,ul#cssmenu .active a:after,ul#cssmenu a:hover:after,ul#cssmenu li:hover a:after,ul#cssmenu li.iehover a:after { display:none}
	ul#cssmenu li:hover ul ul, ul#cssmenu li.iehover ul ul { display:block}
	ul#cssmenu .active a,ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a { background:none; color:#fff}/**/
	ul#cssmenu .box-flex-c-start,ul#cssmenu li:hover ul,ul#cssmenu ul li:hover ul,ul#cssmenu li.iehover ul,ul#cssmenu ul li.iehover ul { display:block}
	ul#cssmenu li:hover li a, ul#cssmenu li.iehover li a,ul#cssmenu li:hover li a:hover,ul#cssmenu li:hover li:hover a,ul#cssmenu li.iehover li a:hover,ul#cssmenu li.iehover li.iehover a { color:#fff}
}