#uppermenu
{
    margin: 0;
    padding: 0;
    border: 0px none;
    list-style: none;
    position:relative;
	display:flex;
	justify-content:space-between;
}

#uppermenu ul
{
  margin:0;
  padding:0;
  
}

#uppermenu li
{
	position:relative;
	/*display: inline-block;*/
	color:#fff;
	padding: 18px 0px;
	max-height:23px;
    text-align:left;
    z-index:0 !important;
}

#uppermenu li a 
{    
  font-size:18px;
  color:#343434;
  text-decoration: none;
}

#uppermenu li ul 
{ 
	position: absolute; 
    left:0;
	margin-top:12px;
    width:92%;
    background-color: #fff;
    display:none;
    opacity:0.98;
    padding:0 4%;
}

#uppermenu ul li
{ 
    display:inline;
    float:left;
	text-align:left;
    color:#343434;
    width:25%;
    font-size:18px;
    background-image:none;
    padding:16px 4%;
    border:none !important;
    margin-top:0 !important;
}

#uppermenu ul li:hover
{
    color:#ee7f00;
    background-image:none;
}

#uppermenu ul li:hover a
{
    color:#ee7f00 !important;
}

#uppermenu ul li a
{
	color:#888 !important;
}

#uppermenu .menuItemArrow
{
	color:#343434;
	font-size: 20px;
	top: 10px;
	right: -40px;
	transform: rotate(-90deg);
	font-weight: bold;
}

.HiddenLabel
{
    display:none;
}

#darkMask
{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0;
    z-index:1000;
    transition: all 0.3s linear;
}

#respHeader
{
    background-color:#fff;
    display:none;
    position:fixed;
    top:0;
    width:98%;
    z-index:100;
    padding:5px 1%;
    box-shadow: 0px 1px 4px #aaa;
}

#respLogo
{
    padding:8px 0;
    margin-left:64px;
}

#menuIcon
{
	position:absolute;
    top:32px;
    right:16px;
    cursor:pointer;
	width:48px;
	overflow:hidden;
	max-width:304px;
    z-index:10000;
    display:none;
}

.menuIconLine
{
    border-top:2px solid #aaa;
    padding:4px 0;
    width:32px;
}

#menuWrapperResp
{
    display:none;
    position:fixed;
    width:100%;
    min-width:300px;
    z-index:10000;
    border-bottom:1px solid #fff;
}

#menuResp
{
    position:fixed;
    right:-100%;
    width:100%;
    max-width:320px;
    top:0;
    z-index:10000;
    transition: all 0.3s linear;
    overflow-y:scroll;
    bottom:0;
    background-color:#eee;
}

#menuResp a
{
    text-decoration:none;
    color:#fff;
    padding-bottom:4px;
}

#menuRespHeader
{
    position:relative;
    background-color:#fff;
}

.menuRespItem
{
    background-color:#eee;
    font-weight:bold;
    width:100%;
    padding:16px 0;
    border-top:1px solid #fff;
    text-align:center;
    position:relative;
}

.menuRespItem a
{
    padding-bottom:14px;
    color:#888 !important;
}

.menuRespSubitem
{
    font-weight:normal;
    width:100%;
    background-color:#ddd;
    padding:12px 0;
    text-align:center;
    transition: all 0.3s linear;
    border-top:1px solid #fff;
}

.menuRespSubitem a
{
    color:#888 !important;
}

.subMenuResp
{
    overflow:hidden;
    height:0px;
    transition: all 0.3s linear;
}

.menuItemArrow
{
    color:#e70;
    position:absolute;
    font-size:30px;
    top:0;
    right:0;
    padding:8px 16px;
    cursor:pointer;
    transition:all 0.5s;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

#subMenuWrapper
{
	background-color:#f4f4f4;
}

#subMenu
{
	width:100%;
	max-width:1440px;
	margin:auto;
    font-size:15px;
}

#subMenu a
{
	color:#343434;
}

#subMenu a:hover
{
	color:#ee7f00;
}

#subMenu ul
{
	padding:0;
	margin:0;
}

#subMenu li
{
	display: inline-block;
	color:#fff;
	padding: 18px 0px 18px 32px;
}

.triangleHidden
{
	display:none;
}

.triangle
{
	position:absolute;
	bottom:-4px;
	left:35%;
	width:0; 
	height:0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f4f4f4;
}

#langMenuResp
{
    position:relative;
    float:left;
    margin:16px;
    padding:6px;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

#langMenuResp img
{
    vertical-align:middle;
}

#langListResp
{
    left:16px;
    text-align:center;
    width:auto;
    top:56px;
    display:none;
    position:absolute;
    z-index:100;
    background-color:#fff;
    opacity:0.9;
	box-shadow:0px 2px 2px #ccc;
}

.langItem
{
    position:relative;
    
	padding:6px;
	border-top:1px solid #ccc;
    text-align:left;
    color:#343434;
}

.langItem img
{
	vertical-align:middle;
}

#closeMenu
{
    position:absolute;
    top:8px;
    right:8px;
    width:32px;
    height:32px;
    cursor:pointer;
    padding-left:8px;
    padding-bottom:8px;
}

.closeMenuLine1, .closeMenuLine2
{
    border-left:2px solid #aaa;
    position:absolute;
    width:32px;
    height:32px;
}

.closeMenuLine1
{
    transform:rotate(45deg);
    top:22px;
}

.closeMenuLine2
{
    transform:rotate(-45deg);
}

/***************************************/

@media only screen and (max-width: 1472px) {
    #uppermenu li 
    {
        padding: 18px 32px 18px 32px;
    }

	#uppermenu .menuItemArrow
	{
		right: -8px;
	}
}

@media only screen and (max-width: 1320px) {
    #uppermenu li
    {
        padding: 18px 16px 18px 32px;
    }

	#uppermenu .menuItemArrow
	{
		right: -24px;
	}
}

/***********************************/

@media only screen and (max-width: 1280px)
{
    #uppermenu li a 
    { 
        font-size: 16px;
    }

    #subMenu
    {
        font-size:14px;
    }

    #subMenu li
    {
        padding-left:24px;
    }
}

/***************************************/

@media only screen and (max-width: 1140px)
{
    #uppermenu li 
    {
        padding: 18px 16px 18px 32px;
    }

    #subMenu li
    {
        padding-left:16px;
    }
}