﻿.PushMenu {
  display: none;
  font: 400 17px/170% 'proxima-nova', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: white;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  width: 180px;
  z-index: 2500;
  /*&.explore {
		.menu, .secondary_menu {
			top: $padding-top - 30px;
		}
	}*/
  /*
	.push_menu_search_field {
		background: $secondary-color url(/svg/icons_search.svg) 5px center no-repeat;
		background-size: 20px;
		border-style: none;
		color: white;
		padding: 10px 5px;
		text-indent: 25px;
		width: 100%;
		&:focus {
			background-image: none;
			text-indent: 0;
			&::-webkit-input-placeholder {
				color: transparent;
			}
			&::-moz-placeholder {
				color: transparent;
			}
		}
		&:-ms-input-placeholder {
			color: white;
			text-transform: uppercase;
		}
		&::-webkit-input-placeholder {
			color: white;
			text-transform: uppercase;
		}
		&::-moz-placeholder {
			color: white;
			opacity: 1;
			text-transform: uppercase;
		}
	}
	*/ }
  @media screen and (max-width: 320px) {
    .PushMenu {
      width: 160px; } }
  .PushMenu.explore .primary {
    background-color: #282828; }
  .PushMenu .menu, .PushMenu .secondary_menu {
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 120px;
    width: 100%; }
    .PushMenu .menu .menu_item, .PushMenu .secondary_menu .menu_item {
      clear: both;
      display: block;
      line-height: 100%;
      overflow: hidden;
      width: 100%; }
      .PushMenu .menu .menu_item.hover, .PushMenu .secondary_menu .menu_item.hover {
        background-color: #116cac; }
      .PushMenu .menu .menu_item.on_top, .PushMenu .secondary_menu .menu_item.on_top {
        position: relative;
        z-index: 10; }
      .PushMenu .menu .menu_item.primary_color_dark_back, .PushMenu .secondary_menu .menu_item.primary_color_dark_back {
        background-color: #116cac; }
      .PushMenu .menu .menu_item a, .PushMenu .secondary_menu .menu_item a {
        color: white;
        display: inline-block;
        float: left;
        padding: 10px 0 10px 10px;
        text-decoration: none;
        width: calc(100% - 40px); }
        .PushMenu .menu .menu_item a.full, .PushMenu .secondary_menu .menu_item a.full {
          padding-right: 10px;
          width: 100%; }
  .PushMenu .secondary_menu {
    left: -100%;
    /*& .menu_item:last-child {
			padding-bottom: 200px;
		}*/ }
  .PushMenu .primary, .PushMenu .secondary {
    height: 100%;
    left: 0;
    padding-top: 120px;
    position: absolute;
    top: 0;
    width: 180px; }
    @media screen and (max-width: 320px) {
      .PushMenu .primary, .PushMenu .secondary {
        width: 160px; } }
  .PushMenu .primary {
    /*background-color: $secondary-color-dark;*/
    background-color: black;
    text-transform: uppercase;
    z-index: 100; }
    .PushMenu .primary .current {
      background-color: #116cac; }
    .PushMenu .primary .mCSB_container {
      padding-bottom: 200px; }
    .PushMenu .primary .menu_item .register, .PushMenu .primary .menu_item .login, .PushMenu .primary .menu_item .copyright {
      display: none;
      color: #a8a8a8;
      padding: 10px 5px;
      text-align: center;
      width: 50%; }
    .PushMenu .primary .menu_item .register:hover, .PushMenu .primary .menu_item .login:hover {
      background-color: #083656; }
    .PushMenu .primary .copyright {
      font-size: 9px;
      line-height: 50px;
      padding-bottom: 100px;
      padding-left: 10px;
      text-align: left;
      width: 100%; }
    .PushMenu .primary .menu_item_label {
      padding-top: 5px; }
      .PushMenu .primary .menu_item_label h3 {
        color: #116cac;
        font-size: 13px;
        padding-bottom: 0;
        padding-left: 10px;
        text-transform: uppercase; }
    .PushMenu .primary .primary_secondary_color {
      background-color: #282828; }
  .PushMenu .secondary {
    background-color: #116cac;
    font-weight: 400;
    z-index: 50; }
    .PushMenu .secondary .current {
      background-color: #083656; }
    .PushMenu .secondary .mCSB_container {
      padding-bottom: 200px; }
    .PushMenu .secondary .menu_item:hover {
      background-color: #083656; }
    .PushMenu .secondary .menu_item_label {
      clear: both;
      display: block;
      line-height: 100%;
      overflow: hidden;
      width: 100%; }
      .PushMenu .secondary .menu_item_label h3 {
        border-bottom: 1px solid #116cac;
        color: #222;
        font-size: 13px;
        margin: 9px 0 0;
        padding-bottom: 0;
        padding-left: 10px;
        text-transform: uppercase; }
  .PushMenu .more {
    background-color: transparent;
    border-style: none;
    float: right;
    font-weight: bold;
    height: 32px;
    outline: 0 !important;
    padding: 0;
    vertical-align: middle;
    width: 32px; }
    .PushMenu .more:active {
      background-color: #88b5d5; }
    .PushMenu .more .icon_right_arrow {
      fill: white;
      height: 15px;
      vertical-align: middle;
      width: 15px; }
    .PushMenu .more svg {
      pointer-events: none; }
  .PushMenu .less {
    background-color: transparent;
    border-style: none;
    color: #a8a8a8;
    font-weight: bold;
    height: 32px;
    outline: 0 !important;
    text-align: left;
    vertical-align: middle;
    width: 100%; }
    .PushMenu .less:active {
      background-color: #88b5d5; }
    .PushMenu .less .icon_left_arrow {
      fill: #a8a8a8;
      height: 15px;
      vertical-align: middle;
      width: 15px; }
    .PushMenu .less .text {
      display: inline;
      padding-left: 10px; }
    .PushMenu .less svg {
      pointer-events: none; }
  .PushMenu .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  .PushMenu .mCSB_scrollTools {
    width: 10px; }
    .PushMenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: rgba(255, 255, 255, 0.25); }

/*# sourceMappingURL=PushMenu.css.map */