﻿#main_menu, #main_menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.hide_me { display:none; }
.wide_10 {
    width: 100%;
    text-align:center;
    padding:0 10%;
}
.wide_100 { width:100%; }
#main_menu {
    font-size:120%;
    box-shadow:0px 0px 10px #404040;
    height:4em;
    position:fixed;
    z-index: 100;
    background: white;
    opacity: 0.9;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#main_menu:hover { opacity:1;}
#top_spacer { height: 4em; font-size:120%;}
#main-logo { position: absolute; left:0; text-align:left; margin:0.5em 0; width:158px; }
#main-logo img {image-rendering: -webkit-optimize-contrast;}
#top_user_login { position: absolute; right:0; color:#e52530; }
#top_user_login img { vertical-align:middle; margin-left:1em;}
/*--------------*/
.breadcrumbs_ph {width: initial; padding: 1em 10% 0 0;}
/*-------------- responsive ------------*/
@media only screen and (max-width: 1600px) {
 /* For small or portrait: */
    #main_menu, #top_spacer { font-size:100%;}
    #main-logo img {width:83%;}
    #top_user_login img {width:13px; image-rendering: -webkit-optimize-contrast;}
}
@media only screen and (max-width: 1400px) {
 /* For small or portrait: */
    .extra { display:none !important;}
}
@media only screen and (max-width: 900px) {
 /* For small or portrait: */
    #top_nav { zoom:0.75; }
}
@media only screen and (max-width: 770px) {
 /* For small or portrait: */
    #navMenu { display:none !important; }
}
@media only screen and (max-width: 500px) {
 /* For small or portrait: */
    #top_nav { zoom:0.5; }
}
/*--------------*/
#top_bar {position: relative;}
#top_bar > ul { 
    list-style:none;
}
#top_bar > ul > li { 
    display:inline-block;
    margin: 1.4em 0 0 3%;
    cursor:pointer;
    white-space:nowrap;
    height:2.6em;
}
#top_bar > ul > li > a { 
    height:100%;
}
#top_bar ul li:hover > a { 
    color:#e52530;
}
#top_bar ul li:hover { 
    color:#e52530;
}
.chevron_down::after {
    content: "\f078";
    font-family:'Font Awesome 5 Pro';
    font-weight: 900;
    font-size:small;
    margin-right:0.4em;
}
ul.navSubMenu { visibility:hidden; opacity:0; }
#main_menu li:hover > ul  { visibility:visible; opacity:1; }
#main_menu li { position:relative; }
#main_menu ul li:hover {
	color:#e52530;
}
#main_menu ul li a {
	color: #404041;
	display:inline-block;
	text-decoration:none; 
    width:100%;
}	
#main_menu ul li a.selected { font-weight:bold; }

ul.navSubMenu {
    list-style:none;
    position: absolute;
    z-index:-2;
    width:9em;
    top:2.6em;
    /*right:-5em;*/
	text-align:right;
	background-color: White;
    border: 1px solid #f0f0f0;
    border-top: 0.2em solid #e52530;
    /*box-shadow:0 0 8px #404040;*/
    padding: 0.5em 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
ul.navSubMenu.ex {width:13em;}
ul.navSubMenu > li {
    font-size:90%;
    line-height:2;
}
/*-------------- Promo Banner --------------*/
.PromoBanner {
    width:100%;
    background-color:#e52530;
    height:45px;
    /*margin-top:30px;
    margin-bottom:40px;*/
    color:White;
    font-size:30px;
    text-align:center;
}
.PromoBanner a, .PromoBanner a:hover  {
    color: White;
}
.PromoBanner > span {
    margin: 0 auto;
    display:inline-block;
    background:url(../../images/logo_white_part.png) no-repeat right center;
    background-size:27px;
    padding:2px 50px 10px 0;
    -ms-transform: scale(0.6,0.6); /* IE 9 */
   	-webkit-transform: scale(0.6,0.6); /* Safari */
   	-moz-transform: scale(0.6,0.6); /* FireFox */
    transform: scale(0.6,0.6);
}
.PromoBanner .secondLine {
    font-size:14px;
    float:right;
}

#lower_banner {
    height: 45px;
}

/*--------------*/
#nav_up {
    position:fixed;
    left:44px;
    bottom:27px;
    display:none;
    z-index:100;
    font-size:40px;
    width:50px;
    /*mix-blend-mode: screen;*/
    color:#d0d0d0;
    cursor:pointer;
}
/*--------------*/
#admin_text {
    position:fixed;
    right: 4%;
    top: 0.5em;
    z-index:200;
    /*mix-blend-mode: screen;*/
    color:white;
    background-color:#F3E10E;
    cursor:pointer;
    display:none;
    width:40px; height:40px;
    font-size:27px;
    text-align:center;
    text-decoration:none;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius:50px;
}
#admin_text i { padding:5px 7px; color:White;}
#admin_text span { 
    background-color:#e52530;
    color:White;
    font-size:12px;
    font-weight:bold;
    position: absolute;
    top: -3px;
    right: -3px;
    display:inline-block;
    width:12px; height:12px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius:50px;
	padding:3px;
}
#admin_text * { box-sizing: content-box;}
