﻿/*<meta />*/

/* <meta />*/
/*Version: SFFS 8.4*/


@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.list-inline-item {
display: inline-block;
    list-style: none;
	
}
#TopNav .footer table th{

	mc-disabled: true;
	border: none;
	border-collapse: collapse;
	color: #ffffff;
	font-family: InterRegular;
	font-size: 13px;
	font-weight: bold;
	width: 33.33%;
	padding-top: 0 !important;
	background-color:#333333;
	
}
#TopNav .footer p.spacer{
	margin-top: 5px;
}
#TopNav .footer p.footerlink{
	margin-bottom: 10px;
}
ul.footerlink {
  margin-top: -18px;
}

#TopNav .sidenav-wrapper {
	 
  flex: 0 1 auto;
  overflow: auto;
  width: 15%;
  display: none;
  background-color: white;
  display: flex;
  border-right: solid 1px #cccccc;
  min-width: 280px;
}
/*#SideNav .off-canvas-wrapper-inner .outer-row {
  
  padding-right: 0em;
  padding-right: 0em;
  padding-left:0em;
  
}

/*#SideNav .sidenav-wrapper {
  flex: 0 1 auto;
  overflow: auto;  
  width: 20%;
  display: block;
  background-color: #F5F7F8;
  min-width: 250px;
}
#SideNav .sidenav-wrapper {
  flex: 0 1 auto;
  overflow: auto;
  width: 20%;
  display: block;
  background-color: #F5F7F8;
  min-width: 250px;
  border-right: none;
}*/

 #TopNav .sidenav-container {
	width: 98%;
	padding-right: 0px;
	padding-left: 0.5rem;
  }

#TopNav .main-section > .outer-row {
  max-width: 1280px;
  padding-top: 1em;
  padding-bottom: 1em;
  /*max-width: 90%;*/
  max-width: 100%;
}
#TopNav .off-canvas-accordion .is-accordion-submenu-parent > a {
  
  padding-right: 2.5em;
}

#TopNav.home .main-section {
  mc-disabled: true;
  margin: 16px auto 0 auto;
  min-height: auto !important;
  max-width: 100% !important;
}
#TopNav.home  img {
 position: relative;
 max-width: 25%;
 max-height: 70%;
 margin-top:50px;
}

#TopNav .footer div.footer-inner {
  mc-disabled: true;
 
  margin-left: 18%;
  max-width: 68%;
}
#TopNav.home .search-area {
  
  margin: auto;
  max-width: 90%;
  height: 400px;
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  padding: 20px;
  justify-content: space-between;
  padding-top:50px;

}

#TopNav.home .search-area-bar{
	max-width:45%;
	top: 180px;
	margin-left:80px;
}
#TopNav.home .highlight-area table {
  
  margin: auto;
  margin-top:80px;
}

#TopNav.home .search-area-left {
  width: 27.5%;
  height: auto;
}
#TopNav.home .search-area-left img {
  mc-disabled: true;
 width: 27%;
  height: auto;
padding:2rem;
}

#TopNav ul.navigation.clearfix
{
display: none;
}
.off-canvas-wrapper-inner .outer-row {
 
  padding-left: 1em;
  padding-right: 1em;
  margin: 0;
  display: flex;
  padding-top: 0px !important;
}

/*#SideNav .body-container {
  
  overflow: hidden
}*/

#SideNav .off-canvas-wrapper-inner nav.title-bar .outer-row
{padding-left: 1em;
  padding-right: 1em;
  
}
#SideNav .off-canvas-wrapper-inner .outer-row {
 
  max-width:100%;
  padding-left: 0em;
  padding-right: 0em;
}

#TopNav ul.sidenav li a {
	border-bottom: none;
	color: #424242;
  display: block;
  font-family: InterMedium, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 10px;
  text-decoration: none;
  /*border-bottom: solid 1px #efefef;*/
  border-top:solid 1px #efefef;

}
	
#TopNav ul.sidenav li a.selected {
  font-weight: normal;
  color: #0073e7;
}	

#TopNav ul.sidenav li a:hover
{
	background-color: rgba(0, 121, 239, 0.1) !important;
}
#TopNav ul.sidenav ul > li > a:hover {
  background-color: rgba(0, 121, 239, 0.1);
  color: #212121;
  font-weight: normal;
}

	#TopNav ul.sidenav li > a:hover,
ul.sidenav li > a.selected:hover
{
	background-color: rgba(0, 121, 239, 0.1);
  color: #212121;
  font-weight: normal;

}
#TopNav ul.sidenav ul ul > li > a:hover
{
	background-color: rgba(0, 121, 239, 0.1);
}

#TopNav ul.sidenav ul ul ul > li > a:hover
{
	background-color: rgba(0, 121, 239, 0.1);
}

#TopNav ul.sidenav ul ul ul ul > li > a:hover
{
	background-color: rgba(0, 121, 239, 0.1);
}

#TopNav ul.sidenav ul ul > li > a 
{
  
  border-top: none;
}
#TopNav ul.sidenav ul > li > a 
{
	 border-top: none;
}	
	
	#TopNav ul.sidenav ul ul ul > li > a
	{
		 border-top: none;
	}
#TopNav ul.sidenav ul ul ul ul > li > a	
{
	border-top: none;
}
	
#TopNav ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
{
	
  border-top-color: #00008b;
}

#TopNav nav.tab-bar .outer-row
{
	mc-disabled: true;
	padding: 0;
	max-width: 100%
}

#TopNav .tab-bar .navigation-wrapper
{
	mc-disabled: true;
	height: 45px;
	margin-top: 63px;
	width: 100%;
}

#TopNav.other #proxy-content
{
	mc-disabled: true;
	max-width: 95%;
	overflow-x: auto;
	overflow-y: hidden;
	padding-left: 50px;
	padding-left: 50px;
	width: 100%;
}

#TopNav .inner-wrap .logo-wrapper p {
  mc-disabled: true;
  padding-left: 30px;
  text-align: left;
}


#TopNav .inner-wrap .logo-wrapper .logo-inner {
    margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

 
#TopNav.other .search-wrapper {
    margin-left: auto;
	margin-right:0;
max-width: 100%;
width: 95%;
}
#TopNav.other .nav-search.row {
  mc-disabled: true;
  border-bottom: solid 1px #ffffff;
  height: 48px;
  padding: 0;
  position: absolute;
  right: 25px;
  top: 0;
  width: 25%;
  min-width: 280px;
}

#TopNav .row outer-row sidenav-layout {
width:100%;
max-width:100%;}

@media only screen and (max-width: 1500px){
	#TopNav.home img {
    position: relative;
    max-height: 60%;
    margin-top: 50px;
  
}

}

@media only screen and (max-width: 1300px){
	#TopNav.home img {
    position: relative;
    max-height: 50%;
    margin-top: 50px;
  
}

}

@media only screen and (max-width: 980px){
	#TopNav.home img {
    position: relative;
    max-height: 40%;
    margin-top: 60px;
  
}

}

@media only screen and (max-width: 900px){
#TopNav.home .highlight-area
	{
		mc-disabled: true;
		margin-top: 30px;
		width: 75%;
		margin:auto;
	}

  .off-canvas {
        background-color: #ffffff;
    }
	
 .is-accordion-submenu-parent > a span.submenu-toggle {
	border-color: #a1a8ac transparent transparent;
 }
 
 ul.off-canvas-list li a.selected {
        color: #0073e7;
        font-weight: normal;
    }
	
	
	ul.off-canvas-list li a:hover {
		background-color: #ffffff !important;
       
    }
	
	ul.sidenav li a:hover
{
	background-color: #ffffff !important;
}
 #TopNav .sidenav-wrapper {
  
  display: none;
}
#SideNav .off-canvas-wrapper-inner .outer-row {
 
  padding-left: 2em;
    padding-right: 2em;
}

/*#SideNav .sidenav-wrapper {
  
  display: none;
}*/

	#TopNav ul.off-canvas-list > li:nth-child(1) a
	{
		mc-disabled: true;
		border-left: none;
		
	}

	#TopNav ul.off-canvas-list > li:nth-child(2) a
	{
		mc-disabled: true;
		
		border-left: none;
	}

	#TopNav ul.off-canvas-list > li:nth-child(3) a
	{
		mc-disabled: true;
		
		border-left: none;
	}

	#TopNav ul.off-canvas-list > li:nth-child(4) a
	{
		mc-disabled: true;
		
		border-left: none;
	}

	#TopNav ul.off-canvas-list > li:nth-child(5) a
	{
		mc-disabled: true;
		
		border-left: none;
	}

	#TopNav ul.off-canvas-list > li:nth-child(6) a
	{
		mc-disabled: true;
		
		border-left: none;
	}
	
	#TopNav.home .search-area {
  
  
  flex-direction:column;
  align-items:flex-start;
}

#TopNav.other .nav-search.row {
  mc-disabled: true;
   
  width: 100%;
  
  
}
#TopNav .footer div.footer-inner {
	max-width:85%;
	margin:auto;
}
	

#TopNav.home .search-area-bar {
	width:90%;
	margin-top:80px;
	max-width:75%;
	margin-left:2rem;
	
	
}
#TopNav.home .search-area-left img {
width:60%;
margin-right:auto;
margin-left:auto;
}

#TopNav.home  img {
 position: relative;
 max-width: 50%;
 margin:auto;
 /*margin-left:100px;*/
 margin-top:5px;
}
}
@media only screen and (max-width: 640px){
#TopNav .footer div.footer-inner {
	max-width:100%;
	margin:auto;
}
    #TopNav.home .highlight-area {
        mc-disabled: true;
        margin-top: 30px;
        width: 95%;
        margin: auto;
    }
}