#miniBar { text-align: right; height: 40px; line-height: 40px; padding: 0 1em; }
#miniBar .textLink { color: black; text-decoration: none; margin-right: 1em; text-transform: uppercase; font-weight: 400; font-size: 12px; }
#miniBar .textLink:hover {color:#0069BC }
#miniBar .socialIcon { float: right; background-repeat: no-repeat; position: relative; color: #9aa4b0; width: 40px; text-align: center; font-size: 16px; border: 1px solid #eeeff0; box-sizing: border-box; border-left: 0; height: 40px; }
#miniBar .socialIcon:hover {color:#0069BC}
#google_translate_element { display: inline-block; line-height: normal; background-color: #f6f6f6; height: 100%; position: relative; top: 0px; vertical-align: top; padding: 8px 14px; box-sizing: border-box; }
#header { line-height: 80px; vertical-align: middle; margin: 0 -999px 0 -887px; padding: 0 1015px; text-align: right; border-bottom: 4px solid #ebeff1; box-sizing: border-box; /* height: 80px; */ position: relative;}
#header .logoImg { vertical-align: middle; position: absolute; top: 50%; margin-top: -34px; left: 2em; }
#header .menuWrap { display: inline-block; font-weight: 700; }
#header .menuItemWrap { margin-left: 1em; color: #4A4A4A; font-size: 18px; cursor: pointer; font-weight: 300; }
#header .menuItem { transition:0.25s;}
#header .menuItemWrap.parent .menuItem { color:#0069BC; }
#header .menuItem.parent {color:#0069BC; }
#header .menuItemWrap i { color: #006bb7; margin-left: 0.25em; }
#header .searchWrap { display: inline-block; width: 386px; height: 40px; text-align: left; vertical-align: top; border: 1px solid #d8e0eb; box-sizing: border-box; margin-top: 20px; margin-left: 1em; overflow: hidden; position: relative; }
#header .searchWrap i { float: right; margin: 0.75em; color: #006bb7; z-index: 1; position: relative; }
#header .searchWrap .fa-search { cursor: pointer; }
#header .searchBar { width: 100%; border: 0; padding: .5em 2em .5em 1em; font-size: 17px; font-weight: 300; overflow: hidden; vertical-align: top; font-family: 'Raleway'; color: #798798; line-height: normal; position: absolute; }
#header .subMenu { display: none; background-color: #f8fafb; color: black; position: absolute; width: 100%; left: 0px; z-index: 4; text-align: left; padding: 0em 1013px; margin: -1px 0px 0; line-height: normal; overflow: hidden; height: 0px; box-sizing: border-box; border-bottom: 4px solid #ebeff1; /* top: 86px; */ border-top: 4px solid #ebeff1;}
#header .subMenuArrow { display: none; position: absolute; left: 515px; bottom: 0px; border-bottom: 12px solid #ebeff1; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 5;}
#header .hollowArrow { display: block; position: absolute; border-bottom: 12px solid #f8fafb; border-left: 10px solid transparent; border-right: 10px solid transparent; left: -10px; top: 6px;}
#header .subMenu.visible { display: block; }
#header .subMenuArrow.visible { display: block; }
#header .columnWrap { position: relative; top: -50px; padding: 0 1em;}
#header .smColumn { width: 25%; display: inline-block; margin-left: -4px; padding-right: 7em; padding-bottom: 3em; box-sizing: border-box; vertical-align: top;}
#header .level1 { display: block; color: #0069bc; text-transform: uppercase; border-bottom: 1px solid #e2e2e2; font-weight: 700; padding: 2em 0 0.5em 0; text-decoration: none; font-size: 14px; position: relative;}
#header .level1 i{
    font-weight: 600;
    font-size: 17px;
    margin-left: 0.75em;
    color: #c9d2dd;                        
    display: inline;    
    position: relative;        
    margin-top: -1px;
    transition: 0.25s;
}
#header .level1:hover i{
	color: #0069bc;
}
#header .level1.first3 i{
    transition: 0.25s;
    opacity:0;
}
#header .level1.first3:hover i{
    opacity:1;
}
#header .level2 { display: block; font-weight: 300; color: #242424; margin: 1em 0 .75em 0; font-size: 15px; text-decoration: none; transition: 0.25s;}
#header .level2:hover {
    color: #0069BC;
}
#header .level2 i {
    color: #0069bc;
    font-size: 16px;
    font-weight: 300;
    margin: 0px 0 0 0.75em;
    position: relative;
    /* top: 0px; */
    display: inline-block;
    position: absolute;
    transition: 0.25s;
    opacity: 0;
}
#header .level2:hover i { /* display: inline-block; */ opacity: 1;}
#headerMobile { display: none; height: 56px; overflow: hidden; border-bottom: 4px solid #E2E2E2; }
#headerMobile .navTable { height: 56px; display: table; width: 100%; table-layout: fixed; }
#headerMobile .menuLink { text-transform: uppercase; border-right: 1px solid #E9ECEE; /* padding: 1em; */ position: relative; display: table-cell; width: 70px; box-sizing: border-box; text-align: center; cursor: pointer; vertical-align: middle; font-size: 13px; font-weight: 700;}
#headerMobile .closeBtn { background: url('images/closeBtnBlack.png') 50% 50% no-repeat; }
#headerMobile .octaLogo { display: table-cell; width: 100%; background: url('/Images/global/OCTA15_logo.png') no-repeat 50% 50%; background-size: auto 100%; }
#headerMobile .searchToggle { display: table-cell; width: 70px; border-left: 1px solid #E9ECEE; text-align: center; font-size: 20px; vertical-align: middle; cursor: pointer; }
#headerMobile .searchBarWrap { /* height: 47px; */ }
#headerMobile .searchBarCell { display: table-cell; width: 100%; position: relative; padding: 0 1em; vertical-align: middle; }
#headerMobile .searchWrap { display: block; width: auto; height: 40px; text-align: left; vertical-align: middle; border: 1px solid #d8e0eb; box-sizing: border-box; margin-top: 20px; margin-left: 1em; overflow: hidden; margin: 6px 6px 0; position: relative; }
#headerMobile .searchWrap i { float: right; margin: 0.75em; color: #006bb7; position: relative; z-index: 1; }
#headerMobile .searchBar { width: 100%; border: 0; padding: .6em 2em .4em 1em; font-size: 17px; font-weight: 400; overflow: hidden; vertical-align: top; font-family: 'Raleway'; color: #798798; line-height: normal; position: absolute; }
#headerMobile .searchClose { display: table-cell; width: 70px; border-left: 1px solid #E9ECEE; vertical-align: middle; text-align: center; font-size: 20px; cursor: pointer; }
#subMenuMobile { position: absolute; left: -79%; background-color: #FFF; height: 100%; width: 79%; top: 0; overflow: visible; display: none; -webkit-transform: translate3d(0, 0, -300px); transform: translate3d(0, 0, -300px); /*-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;*/ transform: scale3d(0.75, 0.75, 1); margin-left: -10%; z-index: 6; background: #444444; overflow: hidden;}
#subMenuMobile.active { -webkit-transform: translate3d(0, 0, 0px); transform: scale3d(1, 1, 1); margin-left: 0; }
#subMenuMobile .item {
    color: white; background-color: #F9FAFC;
    position: relative; cursor: pointer; font-size: 14px; font-weight: 300; text-transform: none; border-top: 0px; margin-bottom: 0; text-decoration: none; 
    /*transition: 0.5s;*/ text-align: left; height: 0px; 
    min-height: 0px;
    padding: 0 2em; 
    opacity: 1; overflow: hidden;
}
#subMenuMobile .item a { color: white; text-decoration: none; padding-right: 25px; width: 100%; display: block;}
#subMenuMobile .textArrow { background: url('images/textArrowRightWhite.png'); height: 8px; width: 5px; position: absolute; top: 31px; margin-top: -4px; right: 1.5em; }
#subMenuMobile .exit { background-color: #000000; border-top: 0; margin-bottom: 0; text-align: center; font-size: 18px; padding: 27px 0; min-height: 81px; height: auto; opacity: 1;}
#subMenuMobile .topLevel { background-color: #2c2c2c; border-top: 1px solid #444; padding: 2em 2em 1.75em; margin-bottom: 0; text-transform: uppercase; /* display: none; */ min-height: 81px; height: auto; opacity: 1; overflow: visible;}
#subMenuMobile .subItem {margin: 0 -3em; overflow: hidden;}
#subMenuMobile .hidden {
    display: block!important;
 
    height: 0px;
    padding: 0px;
    border-top: 0px;
    opacity: 0;
    overflow: hidden;
    min-height: 0;
}
#subMenuMobile .visible {
    min-height: 45px;
    height: auto;
    opacity: 1;
    padding: 10px 2em;
    margin: 0 -2em 0;
    background-color: #F9FAFC;
    overflow: visible;
    /* line-height: normal; */
}
#subMenuMobile .home { background-color: #2c2c2c; border-top: 1px solid #444; margin-bottom: 0; text-decoration: none; text-transform: uppercase; margin: 0;}
#subMenuMobile .home.visible { background-color: #2c2c2c; border-top: 1px solid #444; margin-bottom: 0; text-decoration: none; text-transform: uppercase; padding: 2em 2em 1.75em; min-height: 81px; height: auto;}
#subMenuMobile .menu { background-color: #2c2c2c; /* display: none; */ border-top: 0px; text-transform: uppercase; margin-bottom: 0; padding: 0; text-decoration: none; opacity: 1; margin: 0;}
#subMenuMobile .menu.visible { background-color: #2c2c2c; /* display: none; */ border-top: 1px solid #444; text-transform: uppercase; margin-bottom: 0; padding: 2em 2em 1.75em; text-decoration: none; opacity: 1; min-height: 81px; height: auto; margin: 0;}
#subMenuMobile .menu .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; }

#subMenuMobile .subItem > a { color: #FFF; text-decoration: none !important; /*transition: 0.5s;*/}
#subMenuMobile .subItem.visible > a { color: #000; }
#subMenuMobile .subItem.parent > a { color: #FFF; }
#subMenuMobile .subItem.active > a { color: #FFF; }
#subMenuMobile .subItem > .textArrow { background: url('images/textArrowRightBlack.png'); top: 20px; }

#subMenuMobile .active { background-color: #0069bc; padding: 2em 2em 0; border-top: 1px solid #556c7f; border-bottom: 1em solid #FFF; min-height: 81px; height: auto;}
#subMenuMobile .active > a { color: #FFFFFF; display: block; /* border-bottom: 0.75em solid white; */ width: 100%; margin: 0 -2em; padding: 0 0em 1.75em 2em; /* width: 100%; */ text-transform: uppercase; text-decoration: none; }
#subMenuMobile .active > .textArrow { background: url('images/textArrowDownWhite.png'); width: 8px; height: 5px; top: 31px; }
#subMenuMobile .parent { background-color: #2c2c2c; border-bottom: 0px; padding: 2em 2em 0; border-top: 1px solid #444; text-transform: uppercase; min-height: 81px; height: auto;}
#subMenuMobile .parent > .textArrow { background: url('images/textArrowLeftWhite.png'); right: auto; left: 1em; top: 31px; }
#subMenuMobile .parent > a { color: #FFFFFF; display: block; width: 100%; margin: 0 -2em; padding: 0 2em 1.75em; }
#subMenuMobile .item > i.fa-angle-left { position: absolute; font-size: 17px; margin: 4px 0 0 -16px; display: none; }
#subMenuMobile .item > i.fa-angle-down { font-size: 18px; display: none; position: absolute; right: 2em; top: 32px;}
#subMenuMobile .item > i.fa-angle-right { font-size: 16px; position: absolute; right: 39px; color: #000000; margin-top: -7px; /*transition: 0.25s;*/ top: 50%;}
#subMenuMobile .item.active > i.fa-angle-right { opacity:0;}
#subMenuMobile .topLevel > i.fa-angle-right { color: #FFFFFF;}

#subMenuMobile .subItem:not(.parent):not(.active) { border-left:2px solid #FFFFFF;}
#subMenuMobile .subItem:not(.parent):not(.active):hover { border-left:2px solid #0069bc;}
#subMenuMobile .subItem:not(.parent):not(.active):hover a { color: #0069bc;}
#subMenuMobile .subItem:not(.parent):not(.active):hover i { color: #0069bc;}
#subMenuMobile .parent > i.fa-angle-left { display: block !important; }
#subMenuMobile .active > i.fa-angle-down { display: inline-block;}
#subMenuMobile .menu > i.fa-angle-left { display: block !important; }
#subMenuMobile .home > i { display: none; }
#subMenuMobile .exit > i { }
.subMenuBodyOverlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity: .5;
    cursor: pointer;
    display: none;
}

@media screen and (max-width:1290px) {
	body { background-color: red; }
	#header .searchWrap { width: 200px; }
	#header .searchBar { }
	#header .menuItemWrap { font-size: 16px; }
}

@media screen and (max-width:1150px) {
	#header .smColumn {
    padding-right: 3em;
}
}

@media screen and (max-width:991px) {
	#logo { display: none; }
	#miniBar { display: none; }
	#header { display: none; }
	#headerMobile { display: block; }
	#subMenuMobile { display: block; }
	body form { transition: none; }
}