.sidebar-layout {
  z-index: 0;
  position: relative;
  width: 100%;
  padding: 0;
}
.sidebar-layout__sidebar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  z-index: -1;
  transition: z-index 0ms 300ms;
}
.sidebar-layout.sidebar-layout--position-right .sidebar-layout__sidebar {
  left: auto;
  right: 0;
}

.sidebar--visible {
  z-index: 500;
  transition: z-index 0ms 0ms;
}
.sidebar__content {
  padding: 3.25rem 2.5rem;
  position: relative;
  max-width: 23.5rem;
  min-width: 23.5rem;
  height: 100%;
  /* box-shadow:
    -50px 0 60px -45px rgba(26, 44, 69, .03) inset; */
  -webkit-transform: translateX(-103%);
  transform: translateX(-103%);
  will-change: transform, position;
  z-index: 500;
}
.sidebar-layout--position-right .sidebar__content {
  position: absolute;
  right: 0;
  -webkit-transform: translateX(103%);
  transform: translateX(103%);
}

.sidebar__content {
  /* overflow: hidden; */
  box-shadow: 0 1px 3px 0 rgba(26, 44, 69, .14);
}
.sidebar__content .toolbar .toolbar__content {
  height: 4.25em;
}
.sidebar-layout.sidebar-layout--position-right.sidebar--visible .sidebar__content,
.sidebar--visible .sidebar__content {
  -webkit-transform: none;
  transform: none;
}
.sidebar__content {
  transition:
  transform 300ms ease-in, position 0s 0.3s
}
.sidebar--visible .sidebar__content {
  transition:
  transform 300ms ease-out, position 0s 0.3s
}
.sidebar-layout__sidebar:after {
  z-index: 499;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
  background-color: #1a2332;
}
.sidebar-layout--sidebar-fixed .sidebar__content {
  position: fixed;
  left: 0;
  top: 0;
  bottom: auto;
  right: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10em;
}
.sidebar-layout.sidebar-layout--position-right.sidebar-layout--sidebar-fixed .sidebar__content {
  left: auto;
}
.sidebar-layout--sidebar-fixed .sidebar-layout__sidebar:after {
  position: fixed;
}
.sidebar--visible:after {
  opacity: 0.5;
  pointer-events: auto;
}
.sidebar-layout__main-content {
  min-height: 80vh;
  padding-left: 0;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}
.sidebar--visible ~ .sidebar-layout__main-content .floating-action {
  opacity: 0;
}
.sidebar-layout__main-content > h4 {
  font-size: 1.5em;
  display: inline-block;
  margin-top: 2em;
}
.sidebar-layout__main-content > h4 + .button--tiny {
  float: right;
  margin-top: 3.5em
}
.sidebar-layout__main-content > h4 ~ .search-results.search-results--tile-view {
  margin-top: 2em;
}
.sidebar-layout__main-content > h3 {
  margin: 2.75em 0 1em 0.1em;
}
.sidebar-layout__main-content > h3:first-of-type {
  margin-top: 0;
}


@media only screen and (max-width: 540px) {
  .sidebar-layout__main-content > h3 {
    margin: calc(2.4% + 6px);
  }
}


.sidebar-layout__main-content > .main-copy ~ .search-results.search-results--tile-view.search-results--small-list{
  margin-bottom: 2em;
}

.progress-bar {
  position: relative;
  display: block;
  margin: 5px 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  -webkit-box-shadow: -1px 0px 0px 0px #e4eaf2 inset;
  -moz-box-shadow: -1px 0px 0px 0px #e4eaf2 inset;
  box-shadow: -1px 0px 0px 0px #e4eaf2 inset;
}
.progress-bar:before {
  position: absolute;
  right: 0px;
  display: block;
  height: 100%;
  background: #e4eaf2;
  content: "";
  border-radius: 0 3px 3px 0;
}
.progress-bar[data-percent='45']:before {
  width: 55%;
}
.progress-bar:before {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.sidebar__section {
  padding-top: 1.7em;
  padding-bottom: 1.7em;
}

.sidebar__header {
  padding-top: 0em;
  padding-bottom: 1.5em;
  margin-bottom: 1em;
}
.sidebar__content > .sidebar__header ~ .sidebar__header {
  padding-top: 3.5em;
}


.sidebar__header + .sidebar__section {
  padding-top: 0;
}

.sidebar__section h5 {
  font-size: 1.07em;
  margin-bottom: 0.5em;
  opacity: 0.85;
  margin-left: 0.1em;
}
.sidebar__section .progress-bar {
  border-radius: 5px;
  border-right: none;
  height: 10px;
  margin-top: 17px;
  margin-bottom: 17px;
}
.sidebar__section .progress-bar:before {
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 0 5px 5px 0;
  right: -1px;
}
.sidebar__section .progress-bar:after {
  top: -10px;
  left: 45%;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .1), 0 3px 10px 0 rgba(0, 0, 0, .1);
  position: absolute;
  background-color: #FFF;
}
.sidebar__section .icon {
  font-size: 1em;
  margin-right: 0.75em;
}
.sidebar__section .social-stat {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  line-height: 1;
  position: relative;
  padding-right: 1em;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar__section .social-stat {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 10, 0.15);
  display: inline-block;
  position: relative;
  padding: 0.3em 0.75em 0.45em 0.75em;
  margin-left: 0.75em;
  border-radius: 0.5em;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.005em;
  background-color: rgba(34, 43, 57, 0.6);
  border-right: 0;
  text-align: left;
}
.sidebar__section .social-stat:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -4px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(34, 43, 57, 0.6) transparent transparent;
}
.sidebar__section .social-stat ~ .button {
  margin-top: 1.3em;
  min-width: 8.55em;
}


.sidebar__section .social-stat p {
  font-size: 90%;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 1.15em;
  vertical-align: middle;
  display: inline-block;
}
.sidebar__section .social-stat p:first-child {
  font-size: 0.91em;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1em;
  vertical-align: bottom;
}
.sidebar__section .ad {
  margin-bottom: 1em;
}

.sidebar__content > *:first-child {
  padding-top: 0;
}
@media only screen and (max-width:1430px) {
  .sidebar-layout__main-content {
    margin-right: 0em;
  }
  .sidebar-layout.sidebar-layout--position-right .sidebar-layout__main-content {
    margin-right: 0;
  }
}
@media only screen and (max-width:1200px) {
  .search-results ~ .search-results__map {
    z-index: 499 !important;
  }
  .sidebar-layout.sidebar-layout--position-right .sidebar-layout__main-content,
  .sidebar-layout__main-content {
    margin-right: 0;
    margin-left: 0;
    min-height: 100% !important;
  }
  /* .sidebar__content > *:first-child {
    padding-top: 2em;
  } */

}

@media screen and (min-width: 1201px) {

  .sidebar-layout.limit-width--outer {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
	z-index: 1;
  }
  .sidebar-layout .toolbar {
    box-shadow: -1px 0 0px 0px rgba(26, 44, 69, 0.05) inset;
  }
  .sidebar-layout__sidebar:after {
    display: none;
  }
  .sidebar-layout__main-content {
    padding-top: 3.25rem;
    padding-left: calc(23.5rem + 3.25rem);
    padding-bottom: 3.25rem;
    padding-right: 2.5rem;
  }
  .sidebar-layout.sidebar-layout--position-right .sidebar-layout__main-content {
    padding-top: 3.25rem;
    padding-left: 2.5rem;
    padding-bottom: 2.25rem;
    padding-right: calc(23.5rem + 3.25rem);
  }
  .sidebar-layout--no-inner-padding .sidebar-layout__main-content {
    padding: 0 0 0 23.5rem;
    border-radius: 0em;
  }
  .sidebar-layout.sidebar-layout--no-inner-padding.sidebar-layout--position-right .sidebar-layout__main-content {
    padding: 0 23.5rem 0 0;
  }
  .sidebar-layout__sidebar {
    transition: z-index 0ms 0ms;
    z-index: 500;
  }
  .sidebar__content {
    box-shadow: 50px 0px 70px 0px rgba(22, 34, 69, 0.09), -6px 0 6px 0px rgba(255, 255, 255, 0.00) inset, -0px 0 0px 0px rgba(26, 44, 69, 0.13) inset;
    -webkit-transform: none;
    transform: none;
  }
  .sidebar-layout.sidebar-layout--position-right .sidebar__content {
    box-shadow: -50px 0px 70px 0px rgba(22, 34, 69, 0.09), 6px 0 6px 0px rgba(255, 255, 255, 0.00) inset, 0px 0 0px 0px rgba(26, 44, 69, 0.13) inset;
    -webkit-transform: none;
    transform: none;
  }
  .sidebar-layout--no-inner-padding .sidebar__content{
    box-shadow: none;
  }
  .sidebar-layout--sidebar-fixed .sidebar__content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: 0;
    height: auto;
    min-height: 100%;
  }
  .sidebar-layout--sidebar-fixed .sidebar-layout__sidebar:after {
    position: absolute;
  }
}

.skills_select li {
  padding: 1em 0;
}




.link-items > li {
  cursor: pointer;
  z-index: 2;
  padding: 1.5em 0;
  position: relative;
  margin-left: 1.75em;
  box-shadow:
    0 -1px 0px rgba(205,213,222,1),
    0 4px 3px -3px rgba(255,255,255,0.5) inset;
}
.link-items > li:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: calc(100% + 1.75em);
  right: 0;
  top: 0;
  border-radius: 2.5em 0 0 2.5em;
  background-color: rgba(22, 34, 69, 0);
  box-shadow: 0 -1px 0px rgba(205,213,222,1) inset, 0 4px 3px -3px rgba(255,255,255,0.4), 0 1px 0px rgba(205,213,222,1) inset;
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -ms-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  will-change: transform, background-color;
  transition:
    background-color 0.3s linear,
    transform 0.3s 0.1s cubic-bezier(0, 0, 0.3, 1);

}
.link-items > li:first-child {
  box-shadow:
    0 1px 0px rgba(205,213,222,1) inset,
    0 4px 3px -3px rgba(255,255,255,1) inset;
}
.link-items > li:last-child {
  box-shadow:
   0 -1px 0px rgba(205,213,222,1),
   0 4px 3px -3px rgba(255,255,255,0.5) inset,
   0 -1px 0px rgba(205,213,222,1) inset,
   0 4px 3px -3px rgba(255,255,255,0.5);
}
.link-items > li.active {
  z-index: 1;
  box-shadow: -3em 0 0 #e4eaf2;
  /* background-color: rgba(22, 34, 69, 0.09); */
}
.link-items > li.active + li {
  box-shadow: none;
}
.link-items > li.active:before {
  background-color: rgba(22, 34, 69, 0.09);
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.link-items li ul {
  padding-top: 1em;
}
.link-items .icon {
  font-size: 1em;
  margin-right: 0.75em;
}
.link-items {
  margin-right: -2.5em;
  margin-left: -1.75em;
}
.link-items li ul li {
  padding: 0.5em 0;
}
.link-items li ul li:before {
  vertical-align: middle;
  content: '\f0da';
  color: rgba(78, 89, 105, 0.3);
  font-family: FontAwesome;
  margin-right: 1em;
  margin-left: .6em;
  width: 2.05em;
}
.social-links .icon-only i {
  font-size: 1.25em;
line-height: 2.2em;
vertical-align: middle;
}
.sidebar-layout.sidebar-layout--no-inner-padding.sidebar-layout--position-right .sidebar-layout__main-content .main-copy:before {
  content: '';
  background-color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100%;
}
@media screen and (max-width: 900px) {
  /* .sidebar-layout {
    overflow: hidden;
  } */
}
.sidebar__content .ad-panel {
  margin: 0 -2.5em;
}

.sidebar__content .button.white {
  background: #FFF;
  border-radius: 3em;
  border: 1px solid rgba(255,255,255,0);
  box-shadow: 0 2px 10px -1px rgba(20, 22, 62, 0.08);
  color: #4E5969;

  font-weight: 400;
  text-shadow: none;
  letter-spacing: 0;
  -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.sidebar__content .sidebar__section > h5.button.white {
  width: 100%;
  text-align: left;
}

.sidebar__content .sidebar__section > h5.button.white.icon-right i {
  float: right;
  margin-top: 0.95em;
}

.sidebar__content h5 .button.white {
    font-size: 0.9em;
}

.sidebar__content .button.white:hover {
  background-color: rgba(241, 245, 251, 1.0);
  border-color: rgba(84, 149, 207, 0.5);
}

.sidebar__content h5 .button--tiny {
  float: right;
}

.sidebar__well {
  position: relative;
  border-radius: 0.75em;
  margin: 1.5em 0;
  padding: 1em 0em 1em 1em;
  background-color: rgba(22, 34, 69, 0.09);
  box-shadow: 0 -1px 0px rgba(205,213,222,1) inset, 0 4px 3px -3px rgba(255,255,255,0.4), 0 1px 0px rgba(205,213,222,1) inset;
}

.sidebar__well:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 1.5em;
  margin-bottom: -1px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent rgba(210, 216, 225, 1.0) transparent;
}

.sidebar__well .icon {
  width: 2.9em;
  height: 2.9em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  border-radius: 50%;
  box-shadow: 0 2px 10px -1px rgba(20, 22, 62, 0.08);
  background-color: #FFF;
  border: 0.5em solid #FFF;
  border-top-width: 0.4em;
}


.sidebar__close {
  position: absolute;
  top: 1.5em;
  right: 1.4em;
  line-height: 2.7em;
}


@media screen and (max-width: 370px) {
  .sidebar__content {
    min-width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@media screen and (max-width: 1200px) {
  .sidebar__content {
    padding: 2em;
    background-color: #e4eaf2;
  }
}


.sidebar-layour--force-hide-all-sidebars .sidebar__content {
  display: none;
}
@media screen and (min-width: 1201px) {
.sidebar-layour--force-hide-all-sidebars .sidebar-layout__main-content {
  padding-right: 2.5em !important;
}
}

.sidebar-layour--force-hide-all-sidebars .sidebar-layout__main-content .main-copy {
  max-width: 1000px;
  margin: 0 auto;
}