@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);





.sm-blue a.current {

  background: #006892;

  background-image: linear-gradient(to bottom, #006188, #006f9c);

  color: #fff;

}

.sm-blue a.disabled {

  color: #a1d1e8;

}

.sm-blue a .sub-arrow {

  position: absolute;

  top: 50%;

  margin-top: -17px;

  left: auto;

  right: 4px;

  width: 34px;

  height: 34px;

  overflow: hidden;

  font: bold 16px/34px monospace !important;

  text-align: center;

  text-shadow: none;

  background: #2d4c85;

  border-radius: 4px;

}

.sm-blue a .sub-arrow::before {

  content: '\f107';

  font-family:fontawesome;

  color: #fff;

}

.sm-blue a.highlighted .sub-arrow::before {

  content: '\f106';

   font-family:fontawesome;

   color: #fff;

}



  .sm-blue ul {

    background: #fff;

    border-top: 3px solid #ff5100;

	min-width: auto !important;

	max-width: auto !important;

	padding: 5px 20px 0 5px !important;

}

.sm-blue ul ul {

    background: #fff !important;

    margin-top: -3px;

    padding: 5px 20px 0 5px !important;

    margin-left: 68px;

    min-width: 20em !important;

    max-width: 40em !important;

}

.sm-blue ul ul {

    background: #006892;

        background-image: none;

    background-image: linear-gradient(to bottom, #006188, #006f9c);

    color: #fff;

}



.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {

  background: transparent;

  color: #2b82ac;

  font-size: 16px;

  text-shadow: none;

  border-left: 8px solid transparent;

}

.sm-blue ul a.current {

  background: #006892;

  background-image: linear-gradient(to bottom, #006188, #006f9c);

  color: #fff;

}

.sm-blue ul a.disabled {

  color: #b3b3b3;

}

.sm-blue ul ul a,

.sm-blue ul ul a:hover,

.sm-blue ul ul a:focus,

.sm-blue ul ul a:active {

  border-left: 16px solid transparent;

}

.sm-blue ul ul ul a,

.sm-blue ul ul ul a:hover,

.sm-blue ul ul ul a:focus,

.sm-blue ul ul ul a:active {

  border-left: 24px solid transparent;

}

.sm-blue ul ul ul ul a,

.sm-blue ul ul ul ul a:hover,

.sm-blue ul ul ul ul a:focus,

.sm-blue ul ul ul ul a:active {

  border-left: 32px solid transparent;

}

.sm-blue ul ul ul ul ul a,

.sm-blue ul ul ul ul ul a:hover,

.sm-blue ul ul ul ul ul a:focus,

.sm-blue ul ul ul ul ul a:active {

  border-left: 40px solid transparent;

}

.sm-blue ul li {

    border-top: none;

}

.sm-blue ul li:first-child {

  border-top: 0;

}



#menu #topmenu li  {

	 border:none;

}

#menu #topmenu li {

    padding:0px 5px 0 0;

    cursor: pointer;

    font-size: 12px;

    border-left: 0px dotted #222222;

    background: url(../../images/menu/menu-separator.png) no-repeat 0 50%;

} 

#menu #topmenu li:first-child {background: none; border: 0;}

#menu #topmenu .active a {

    color: #fff;

    font-weight: bold;

    border-bottom: 2px solid #2992f8;

}

#menu #topmenu li:hover a {

    color: #fff;

    border-bottom: 2px solid #2992f8;

}

#menu #topmenu li a {



    background: none !important;

    padding: 0 18px 7px;

    color: #888;

    font-size: 12px;

    font-weight: 300;

    border-radius: 0 !important;

    margin-top: 9px;

    position: relative;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



}

#menu #topmenu ul.nav-child .notdeeper a::before { border: 0 !important;}



#menu #topmenu .parent  a::before {

    position: absolute;

    content: "";

    background-image: url(../../images/menu/menu-arrows.png);

	background-position: 100% 100%;

    width: 21px;

    height: 21px;

    top: 1px;

    right: 0;

}

#menu #topmenu .notdeeper a::before{ background-image: none;}

#menu #topmenu .parent:hover  a::before {background-position: 100% 0;}







#menu #topmenu ul.nav-child { background: rgba(0,0,0,0.9) !important; border: none !important; width: 240px !important;}

#menu #topmenu ul.nav-child li {

    border-bottom: 1px solid #222 !important;

}

#menu #topmenu ul.nav-child li a {

    margin: 0 !important;

    color: #959595 !important;

	padding-bottom: 3px;

	position:relative;

}

#menu #topmenu ul.nav-child .parent a::before {

	position:absolute;

    width: 0px;

    height: 0px;

    background: none;

    top: 40%;

    right: 10px;

    border-top: 3px solid transparent;

    border-right: 3px solid transparent;

    border-bottom: 3px solid transparent;

    border-left: 3px solid #666;

}

#menu #topmenu ul.nav-child .parent a:hover::before {border-left: 3px solid #fff;}

#menu #topmenu ul.nav-child li a:hover {

    background: #1085de !important;

    color: #fff !important;

}

.sm-blue .scroll-up, .sm-blue .scroll-down {

    background: #222 !important;

}

#menu #topmenu .parent .sub-arrow { display:none;}









@media (max-width: 1199px) {

#menu #topmenu .parent .sub-arrow { display:block;}

#menu #topmenu ul.nav-child {width: 100% !important;}

#menu #topmenu li:hover a {border-bottom: none;}

#menu #topmenu li:first-child {

    background: none;

    border: 0;

	margin-top: 45px;

}

#menu #topmenu li {

    background: none;

    border-top: 1px solid #222;

    padding: 0;

}

#menu #topmenu li a {

    padding: 0;

    margin-top: 3px;

    line-height: 46px;

	padding-left: 13px;



}

#menu #topmenu ul.nav-child li:first-child {margin-top: 15px;}

#menu #topmenu ul.nav-child li a {

    line-height: 48px;

    border: 0;

    font-size: 11px;

	border-bottom: 1px solid #222;



}

#menu #topmenu ul.nav-child li {

    border: 0 !important;

	padding-left: 12px;

}

#menu #topmenu .parent .sub-arrow::before {



    display: block;

    margin: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 55px;

    height: 49px;

    padding: 0;

    cursor: pointer;

    background-image: url(../../images/mobile/mobile-menu-arrow.png);

    background-repeat: no-repeat;

    background-position: 50% 55%;

	content: "";



}

#menu #topmenu .parent .sub-arrow {

    background: #1085de;

    border-radius: 0;

    width: 55px;

    height: 49px;

    right: 0;

    top: 15px;

}

.sm-blue ul ul {

	margin-top: 0 !important;

	margin-left: 0 !important;

	border: none;

    box-shadow: none;

	min-width: auto !important;

    max-width: 100% !important;

}

.sm-blue ul {

    padding: 0 !important;

}

}



@media (min-width: 1200px) {

  /* Switch to desktop layout

  -----------------------------------------------

     These transform the menu tree from

     collapsible to desktop (navbar + dropdowns)

  -----------------------------------------------*/

  /* start... (it's not recommended editing these rules) */

  





  .sm-blue ul {

    position: absolute;

    width:20em;

  }



  .sm-blue li {

    float: left;

  }



  .sm-blue.sm-rtl li {

    float: right;

  }



  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {

    float: none;

  }



  .sm-blue a {

    white-space: nowrap;

  }



.sm-blue ul a, .sm-blue.sm-vertical a {

    white-space: nowrap;

}

 



  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {

    white-space: nowrap;

  }



  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {

    padding: 13px 24px;

    color: #fff;

  }

  .sm-blue a.disabled {

    color: #a1d1e8;

  }

  .sm-blue a .sub-arrow {

    top: auto;

    margin-top: 0;

    bottom: 10px;

    left: 50%;

    margin-left: -5px;

    right: auto;

    width: 0;

    height: 0;

    border-width: 5px;

    border-color: #FFFFFF transparent transparent transparent;

    background: transparent;

    border-radius: 0;

  }

  .sm-blue a .sub-arrow::before {

    display: none;

  }

  .sm-blue ul a.current {

    background: #006892;

    background-image: linear-gradient(to bottom, #006188, #006f9c);

    color: #fff;

  }

  .sm-blue ul a.disabled {

    background: #fff;

    color: #b3b3b3;

  }

.sm-blue ul a .sub-arrow {

    top: 50%;

    margin-top: -5px;

    bottom: auto;

    left: auto;

    margin-left: 0;

    right: -18px;

    border-style: dashed dashed dashed solid;

    border-color: transparent transparent transparent #ff5100;

}

  .sm-blue ul li {

    border: 0;

  }

  .sm-blue .scroll-up,

  .sm-blue .scroll-down {

    position: absolute;

    display: none;

    visibility: hidden;

    overflow: hidden;

    background: #fff;

    height: 20px;

  }

  .sm-blue .scroll-up-arrow,

  .sm-blue .scroll-down-arrow {

    position: absolute;

    top: -2px;

    left: 50%;

    margin-left: -8px;

    width: 0;

    height: 0;

    overflow: hidden;

    border-width: 8px;

    border-style: dashed dashed solid dashed;

    border-color: transparent transparent #2b82ac transparent;

  }

  .sm-blue .scroll-down-arrow {

    top: 6px;

    border-style: solid dashed dashed dashed;

    border-color: #2b82ac transparent transparent transparent;

  }

  .sm-blue.sm-rtl.sm-vertical a .sub-arrow {

    right: auto;

    left: 10px;

    border-style: dashed solid dashed dashed;

    border-color: transparent #a1d1e8 transparent transparent;

  }

  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {

    border-radius: 0 8px 8px 0;

  }

  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {

    border-radius: 8px 0 0 8px !important;

  }

  .sm-blue.sm-rtl > li:first-child {

    border-left: 1px solid #2b82ac;

  }

  .sm-blue.sm-rtl > li:last-child {

    border-left: 0;

  }

  .sm-blue.sm-rtl ul a .sub-arrow {

    right: auto;

    left: 10px;

    border-style: dashed solid dashed dashed;

    border-color: transparent #a1d1e8 transparent transparent;

  }

  .sm-blue.sm-vertical {

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

  }

  .sm-blue.sm-vertical a {

    padding: 9px 23px;

  }

  .sm-blue.sm-vertical a .sub-arrow {

    top: 50%;

    margin-top: -5px;

    bottom: auto;

    left: auto;

    margin-left: 0;

    right: 10px;

    border-style: dashed dashed dashed solid;

    border-color: transparent transparent transparent #a1d1e8;

  }

  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {

    border-radius: 8px 8px 0 0;

  }

  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {

    border-radius: 0 0 8px 8px !important;

  }

  .sm-blue.sm-vertical > li {

    border-left: 0 !important;

  }

  .sm-blue.sm-vertical ul {

    border-radius: 4px !important;

  }

  .sm-blue.sm-vertical ul a {

    padding: 9px 23px;

  }

}



/*# sourceMappingURL=sm-blue.css.map */