/*NAVIGATION CSS*/


.magnifying-glass2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 28px;
  /* This controls the size. */
  float: left;
  width: 0.85em;
  height: 0.85em;
  border: 0.125em solid #000;
  position: relative;
  border-radius: 50%;
  line-height: 1;
  margin-right: .16em;
  margin-left: 0; }

.magnifying-glass2::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  position: absolute;
  right: -0.325em;
  bottom: -0.155em;
  border-width: 0;
  background: #000;
  width: 0.45em;
  height: 0.15em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

.burger-menu-button {
  display: inline-block;
  padding: 0; }

.burger-icon {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .burger-icon, .burger-icon::before, .burger-icon::after {
    display: block;
    width: 25px;
    height: 3px;
    background-color: black;
    outline: 1px solid transparent;
    border-radius: 1px;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .burger-icon::before, .burger-icon::after {
    position: absolute;
    content: ""; }
  .burger-icon::before {
    top: -10px; }
  .burger-icon::after {
    top: 10px; }

.burger-menu-button.is-active .burger-icon {
  background-color: transparent; }
.burger-menu-button.is-active .burger-icon::before {
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg); }
.burger-menu-button.is-active .burger-icon::after {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -moz-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }


.search-input-container {
height: 15vh;}

.search-input-container {
display: none;
position: fixed;
top: 20vh;
width: 100%;
height: 15vh;
background-color: #aaa;
z-index: 9999;}

.search-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
padding: 0 2vw;
}

.search-input {
text-align: center;
}
.search-input {
flex: 0 1 auto;
}

.search-input form {
display: inline-block !important;
vertical-align: middle;
width: 75vw;}

.close-search-form {
color: white !important;
background-color: #555;
width: 34px;
height: 34px;
line-height: 34px;
display: inline-block;
text-align: center;
font-weight: 600;}

#searchform input.searchformsearch {
border:none;
outline:none;
font-size: 16px;
height: 32px;
background-color: white;
display: block;
width: 70%;
padding: 1px 0 1px 32px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url(../../images/searchIcon.jpg);
background-position: 8px 6px;
background-repeat: no-repeat;
font-family: inherit;
margin-bottom: 0;}

#searchform input.searchformsubmit{
outline:none;
font-size: 15px;
height: 32px;
display: block;
width: 28%;
padding: 1px 10px 1px 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-position: 8px 6px;
background-repeat: no-repeat;
font-family: inherit;
margin-bottom: 0;
}



.header_container{
height:20vh;width:100%;padding:0%;background-repeat:no-repeat;
}
.header_spacer{
height:20vh;width:100%;
}
.header-desktop{display:none;}
.header_container ul, .header_container li {;margin: 0; padding: 0; list-style-type: none;}
.header_container ul, .header_container li {;margin: 0; padding: 0; list-style-type: none;}
.title-bar {
display: flex;
flex-flow: row wrap;
width: 100vw !imporant;
max-width: 100vw !imporant;
align-items: flex-start;
justify-content: space-between;
position: fixed;
z-index: 11000;height:20vh;width:100%;padding:0%;background-color:#ffffff;}
.title-bar-logo{
  width: 100%;
  position: relative;
  height: 100%;
  margin: 0;}
.mobile-nav-menus{
  visibility: hidden;
  top: -60vh;
  overflow:hidden;
  position: fixed;
  z-index: 10000;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;height:80vh;width:100vw;padding:0%;background-color:#1a428a;}
.mobile-nav-menus ul.menu {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
margin: 0;
padding: 0;
list-style-type: none;
background-color:#1a428a;
}
.mobile-nav-menus ul.menu > li  {
flex: 0 1 auto;
position: relative;
width: 100vw;
text-align: center;

}
.mobile-nav-menus li  {background-color:#f2f2f2;font-size:21px;font-weight:500;line-height:12vh;transition: all linear 0.25s;
}
   
  .mobile-nav-menus li:nth-of-type(even) {
    background-color:#ffffff; 
}
.mobile-nav-menus ul.menu > li a {display:flex;align-items:center;justify-content:center;height:100%;font-size:21px;font-weight:500;color:#1a428a;}
.mobile-nav-menus ul.sub-menu {
    position: absolute;
    opacity: 1;
    width: 100vw;
    z-index: +1;
    left: 100%;
    
    /*background-color: #000;
    height: 80vh;*/    
}
.mobile-nav-menus ul.sub-menu > li  {background-color:#ffffff;font-size:1vw;font-weight:100;
}
   
  .mobile-nav-menus ul.sub-menu > li:nth-of-type(even) {
    background-color:#e2e2e2; 
}
.mobile-nav-menus ul.sub-menu > li a {display:flex;align-items:center;justify-content:center;height:100%;font-size:1vw;font-weight:100;color:#1a428a;}
    
  .mobile-nav-menus ul.menu li:nth-child(1) ul.sub-menu {
    top: 0vh; }
  .mobile-nav-menus ul.menu li:nth-child(2) ul.sub-menu {
    top: calc(12vh * -1); }
  .mobile-nav-menus ul.menu li:nth-child(3) ul.sub-menu {
    top: calc(12vh * -2); }
  .mobile-nav-menus ul.menu li:nth-child(4) ul.sub-menu {
    top: calc(12vh * -3); }
  .mobile-nav-menus ul.menu li:nth-child(5) ul.sub-menu {
    top: calc(12vh * -4); }
  .mobile-nav-menus ul.menu li:nth-child(6) ul.sub-menu {
    top: calc(12vh * -5); }
  .mobile-nav-menus ul.menu li:nth-child(7) ul.sub-menu {
    top: calc(12vh * -6); }
  .mobile-nav-menus ul.menu li:nth-child(8) ul.sub-menu {
    top: calc(12vh * -7); }
  .mobile-nav-menus ul.menu li:nth-child(9) ul.sub-menu {
    top: calc(12vh * -8); }
  .mobile-nav-menus ul.menu li:nth-child(10) ul.sub-menu {
    top: calc(12vh * -9); }
  .mobile-nav-menus ul.menu ul.sub-menu li ul.sub-menu {
    top: 0; }



@media (min-width: 520px) {
}



@media (min-width: 970px) {
.header_container{
height:0vw;width:100%;padding:0%;background-repeat:no-repeat;
}
.header_spacer{
height:0vw;width:100%;
}
.header-mobile{display:none}
.header-desktop{display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 10000;
    visibility:visible;
height:7vw;width:100%;padding:0%;}
.header-desktop{position: fixed;}
.header-desktop .topbar, .header-desktop .mainbar, .header-desktop .bottombar{
    width:100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.header-desktop .topbar{
width:100%;padding:0%;}
.header-desktop .mainbar{
height:5.5vw;width:100%;/*border-bottom: 2px solid #a23293*/;}
.header-desktop .bottombar{
width:100%;padding:0%;}
.header-nav-menus-right, .header-nav-menus-left { flex-grow: 4;height:100%;max-height:100%}

.desktop-header-logo {display:flex;
  justify-content:center;
  align-items:center;
height:100%;width:18%;padding:0vw 2vw 0 2.5vw;
}
.menu-wrapper, .menu-container-inner, .menu-container-outer {display:flex;flex-flow:row nowrap;}
.header-desktop ul.menu {flex: 1 1 auto;/*width:100%;*/display:flex;flex-flow:row wrap;margin:0;padding:0;top:0;justify-content:flex-start}
.header-desktop ul.menu>li {flex: 1 1 auto; position: relative;width:auto; text-align: center;}
.header-desktop ul.sub-menu    
 {position: absolute; top:100% !important; z-index:-1;width:100%;height:auto}


.menu-1{height:5.5vw;width:60%;padding:0 0 0 0;
}
.menu-1 .menu-container-outer {width:100%;padding:0%;
}
.menu-1 .menu-container-inner {width:100%;padding:0%;
}

.menu-1 ul.menu {height:100%;}
.menu-1 ul.menu>li {height:100%;transition: all linear 0.25s;font-size:1vw;font-weight:500;color:#1a428a;}
.menu-1 ul.menu>li>a {display:flex;align-items:center;justify-content:center;height:100%;transition: all linear 0.25s;font-size:1vw;font-weight:500;color:#1a428a;text-transform:uppercase;}
.menu-1 ul.menu>li:hover {}
.menu-1 ul.menu>li:nth-child(even) {}
.menu-1 ul.menu>li:nth-child(even):hover {}
.menu-1 ul.menu>li:hover {color:#68a2b9;}
.menu-1 ul.menu>li a:hover {color:#68a2b9;}

.menu-1 ul.sub-menu {pointer-events: none;overflow:hidden;left:0%;}
.menu-1 ul.menu>li:hover ul.sub-menu {pointer-events: auto;}
.menu-1 ul.sub-menu>li {transition: all linear 0.25s;font-size:1vw;font-weight:100;}
.menu-1 ul.sub-menu>li>a {display:flex;align-items:center;justify-content:center;height:100%;padding:0.8vw 1vw;transition: all linear 0.25s;font-size:1vw;font-weight:100;}
.menu-1 ul.sub-menu>li:hover {}
.menu-1 ul.sub-menu>li:nth-child(even) {}
.menu-1 ul.sub-menu>li:nth-child(even):hover {}
.menu-1 ul.sub-menu>li:hover {}
.menu-1 ul.sub-menu>li a:hover {}
}