.header {
	display        : -webkit-box;
	display        : -ms-flexbox;
	display        : flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align    : end;
	    -ms-flex-align    : end;
	        align-items    : flex-end;
	border-bottom: 7px solid #31569c;
}

.header__logo {
	margin-left: 30px;
}

.header__logo img {
    max-width: 210px;
}

.header__top {
	display        : -webkit-box;
	display        : -ms-flexbox;
	display        : flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align    : center;
	    -ms-flex-align    : center;
	        align-items    : center;
	-ms-flex-wrap      : wrap;
	    flex-wrap      : wrap
}

.header__top a {
	color       : #62a051;
	margin-right: 30px;
}

.header_links {
	font-size: 14px;
}



.header.--cloned {
	height       : 0;
	visibility   : hidden;
	opacity      : 0;
	/* transition: all .5s; */
}

.header.--cloned.visible {
	height       : unset;
	visibility   : visible;
	opacity      : 1;
	/* transition: all .5s; */

	position  : fixed;
	right     : 0;
	left      : 0;
	width     : 1260px;
	margin    : auto;
	box-sizing: border-box;
}

.header.--cloned.visible {
	top       : 0;
	background: #fff;
	z-index   : 888;
}

#hamburger {
	display: none;
}

#siteSearch {
	margin-right: 10%;
	margin-top : 5px;
}

#siteSearch>form {
	display    : -webkit-box;
	display    : -ms-flexbox;
	display    : flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#siteSearchInput {
	font-size    : 18px;
	padding      : 5px;
	border       : 1px solid #ddd;
	border-radius: 3px;
	outline      : none;
	width        : 260px;
	border       : 2px solid #62a051;
	margin       : 25px 0;
	height       : auto;
}

#searchIcon {
	position      : relative;
	padding       : 8px 7px;
	margin-top    : 15px;
	height        : 15px;
	margin-left   : -32px;
	vertical-align: middle;
	border-left   : 1px solid #ddd;
	background    : #ffffff;
	outline-width : 0;
}

#mobileTopNav {
    overflow: auto;
}

.mobileTopNavItem a {
    color: #31b44b;
    font-size: 16.6px;
}

.mobileTopNavItem > a {
    font-size: 20px;
}

.mobileSubNav {
    display: none;
}

.mobileSubNav.show {
    display: block;
}

.mobileTopNavContainer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.9;
}


.mobileTopNavContainer {
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.mobileTopNavContainer > span {
display: block;
  position: fixed;
  top: 0;
  left: 5px;
  color: white;
  font-weight: bold;
  font-size: 2rem;
  padding: 5px;
  cursor: pointer;
}

.mobileTopNavItem.show .navItemToggle{
    transform: rotateX(180deg);
}

.navItemToggle {
    color: #31b44b;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  margin-left: 8px;
}

#topNavContainer {
	padding-top   : 10px;
	padding-bottom: 10px;
	width         : 100%;
	height        : 30px;
	margin-bottom : 10px;
}

#topNav {
	display      : block;
	list-style   : none outside none;
	margin       : 0;
	padding      : 0;
	z-index      : 555;
	/* overflow  : hidden; */
}

#topNav .topNavItem {
	position: relative;
	float   : left;
	padding : 18px 18px 0 18px;
	/*z-index : 555;*/
}

#topNav .topNavItem:first-child::before {
	content: "";
}

#topNav .topNavItem::before {
	content    : "\2022";
	color      : #62a051;
	font-weight: bold;
	display    : inline-block;
	width      : 1em;
	margin-left: -1em;
}

#topNav .currentContainer::before {
    display: none;
}

#topNav a {
	display        : inline-block;
	font-weight    : bold;
	text-decoration: none;
	font-size      : 14px;
	white-space    : nowrap;
	color          : #000;
}

.subNav2 {
	display: none !important;
}

ul#topNav li.topNavItem a.topNav {
	color  : #0254a2;
	padding: 7px;
	text-transform: uppercase;
}

ul#topNav li.topNavItem > a.current {
	/*color: #439D6A;*/
	color: white;
    background: #0254a2;
}

ul#topNav li.topNavItem ul.subNav {
	list-style  : none;
	display     : none;
	background  : #eef1f1;
	position    : absolute;
	z-index     : 555;
	padding-left: 0;
	top         : 54px;
	left        : 18px;
	margin      : 0;
}

ul#topNav li.topNavItem ul.subNav li.subNavItem {
	background-color: #eef1f1;
	border-top      : 1px dotted #909a95;
	float           : none;
	position        : relative;
	padding         : 3px 20px;
}

ul#topNav li.topNavItem ul.subNav li.subNavItem:first-child {
	border-top: 5px solid #62a051;
}

ul#topNav li.topNavItem ul.subNav li.subNavItem.active {
	opacity: 0.9;
}

ul#topNav li.topNavItem ul.subNav li.subNavItem a.sub1Nav {
	padding: 5px 10px;
	color  : #0254a2
}

ul#topNav li.topNavItem ul.subNav li.subNavItem.active a.sub1Nav {
	color: #000000
}

ul#topNav li.topNavItem.active ul.subNav {
	display: block
}

ul#topNav li.topNavItem ul.subNav li.subNavItem ul {
	list-style: none;
	display   : none;
	position  : absolute;
	z-index   : 555;
	top       : -1px
}

ul#topNav li.topNavItem ul.subNav li.subNavItem ul li {
	float           : none;
	background-color: #eef1f1;
	padding         : 3px;
	border-top      : 1px dotted #909a95;
}

ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active {
	background: orange
}

ul#topNav li.topNavItem ul.subNav li.subNavItem ul li a.sub2Nav,
ul#topNav li.topNavItem ul.subNav li.subNavItem ul li a.sub3Nav {
	color  : #000000;
	padding: 6px 10px 5px 10px
}

ul#topNav li.topNavItem ul.subNav li.subNavItem.active ul {
	display: block
}

#siteLogo {
	position: absolute;
	right   : 0;
	bottom  : 0;
	;
}

#siteLogo img {
	width : 265px;
	height: 100px;
}

.site-logo:hover {
	opacity       : 1;
}



@media all and (max-width: 480px) {
    
    .header__logo img {
        width: 150px;
    }
    
    #siteSearchInput {
        margin: 5px 0;
    }
    
    #topNav {
            display:none;
    }
    
    .mobileTopNavContainer.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 6rem;
        z-index: 9999;
    }
    
    
	#topNavContainer {
		display   : none;
		margin-top: 0;
	}

	/*Hamburger*/
	#hamburger {
		display: inline;
	}

	div#hamburger button {
		position  : absolute;
		border    : none;
		height    : 35px;
		width     : 50px;
		background: transparent;
		top       : 25px;
		right     : 5px;
		outline   : none;
	}

	button#nav-toggle span {
		position  : absolute;
		display   : block;
		margin    : auto;
		width     : 30px;
		top       : 8px;
		left      : 8px;
		height    : 3px;
		background: #000;
	}

	#nav-toggle span:nth-child(2) {
		top: 16px;
	}

	#nav-toggle span:nth-child(3) {
		top: 25px;
	}

	#siteLogo {
		position     : static;
		margin-top   : -20px;
		margin-bottom: 10px;
	}

	#topNav .topNavItem {
		width  : 100%;
		padding: 0 15px;
	}
    
    .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        
	    -webkit-box-align: baseline;
        
	        -ms-flex-align: baseline;
        
	            align-items: baseline;
	        padding: 0.5rem 0.25rem;
    }
    
    .header__top {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    
    .header__navs {
        width: 260px;
        margin: auto;
    }
    
    
    
    ul#topNav li.topNavItem ul.subNav li.subNavItem.active,
    ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active {
    	background: unset;
    }
    
    
    ul#topNav li.topNavItem ul.subNav li.subNavItem {
    	background: unset;
    }
    
    #topNav .topNavItem::before {
        content: "";
    }
    
    /* Hovered Items */
    ul#topNav li.topNavItem.active ul.subNav {
        position: static;
    }
    
    /* CLONE HEADER */
    .header.--cloned.visible, 
    .breadcrumb.--cloned.visible {
        display: none;
    }
    
}