.wrapper {
  width:100%;
  margin: 0 auto; }
  @media (max-width: 780px) {
    .wrapper {
      max-width: 100%; } }

.wrapper--big {
  width:100%;
  margin: 0 auto; }


nav.site-menu {
  position: relative;
  white-space: nowrap;}
  nav.site-menu ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0; }
  nav.site-menu li {
	  position:relative;
    display: inline-block; padding: .3rem .6rem;
	margin-right:-5px;}
	  nav.site-menu li#notice {background-color:#E30A17;color:white}
	  nav.site-menu li#notice a {color:white}
	nav.site-menu li:hover {
		background-color:#EAEAEA;
	}
	nav.site-menu li .sub {
	  position:absolute;
	  top:33px;
	  left:0;
	  background-color:#F6F6F6;
	  border:1px solid #e5e5e5;
	  display:none;
	  z-index:1;
	}
	nav.site-menu li:hover .sub {display:block!important;}
	nav.site-menu li .sub > ul {list-style:none;padding:0;margin:0;padding-right:3px}
	nav.site-menu li .sub > ul > li{display:block;border:0;min-width:150px;max-width:99%;border-bottom:1px solid #e0e0e0;}
	nav.site-menu li .sub > ul > li:hover{background-color:transparent;border-bottom:1px solid #6D9D2E}
	
	@media only screen and (max-width:420px) {
		nav.site-menu li .sub {
		  top:0;
		  display:none;
		  z-index:1;
		}
	}

  nav.site-menu a {
    color: #000;
    display: inline-block;
	text-decoration:none;font-weight: 600}
  nav.site-menu a#red {
    background-color:red;
	padding:.2rem .4rem;
	color:white;}
  nav.site-menu a#first {
    font-weight:400;}
	nav.site-menu a:hover {color:#434242}
  nav.site-menu .knob {
    cursor: ew-resize;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
        -ms-transform: translateY(-50%) translateX(50%);
            transform: translateY(-50%) translateX(50%); }
    @media (max-width: 1000px) {
      nav.site-menu .knob {
        display: none; } }

.nav__dropdown {
  padding: .5rem 0!important;
  white-space: nowrap;
  top: 80%;
  right: auto;
  left: 0;
  background-color: #fff;
  transition: 300ms cubic-bezier(0.25, 2, 0.25, 1);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotateX(-30deg);
          transform: rotateX(-30deg);
  opacity: 0; margin-top: 1rem !important;}
  .nav__dropdown.show {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25);
    transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); }
  @media (max-width: 650px) {
    .nav__dropdown {
      right: 0;
      left: auto;}
      .nav__dropdown:after {
        right: auto;
        left: 2rem; } }
  .nav__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 6px solid var(--sm-color-black);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    top: -6px;
    right: 4rem; }
  .nav__dropdown-wrapper {
    display: inline-block;
    -webkit-perspective: 500px;
            perspective: 500px; }s
    @media (max-width: 650px) {
      .nav__dropdown-wrapper {
        position: static !important; } }
  .nav__dropdown-toggle {
outline: none;
  display: inline-block;
  border: none;
  background: transparent;
  font-weight: normal;
  color: #008DD2;
  padding: .5rem .5rem;
  border-radius: 0;
  margin-left: .5rem;
    /*background-image: url("img/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: 100% center;*/ }
  .nav__dropdown li {
    display: block!important; padding: 0!important;}
  .nav__dropdown a {
    display: inline-block;
    padding: .3rem 1rem;
     color: var(--sm-color-white)!important;
    display: inline-block;
    font-weight: var(--sm-fweight-light);}
	.nav__dropdown a:hover{color:#434242!important}