.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;padding-bottom: .6rem;}
  nav.site-menu ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0; }
  nav.site-menu li {
    display: inline-block; padding: .3rem .6rem;}
  nav.site-menu li:first-child {
    padding-left:0;}
	nav.site-menu ul li:first-child a{
    font-weight:400}

  nav.site-menu a {
    color: white;
    display: inline-block;
    font-weight: bold;
	text-decoration:none;
	font-size:1.15rem}
  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: auto;
      left: 0;}
      .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: #434242;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0.25rem .6rem;
	border-radius: .3rem;
	margin-left: 1rem;
    /*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}