/**
 * SASS/SCSS/Compass Transcription of Skeleton Responsive Grid
 * originally authored by Dave Gamache. This translation offers
 * mixins that support fluid and as well as fixed grids to supplement
 * the work that Dave Gamache has done.
 * @author Dennis Thompson <http://www.atomicpages.net>
 * @copyright Copyright (c) 2013 AtomicPages LLC
 * @license MIT
 * @version 1.5.0
 */
.project-container .project-content.about-us {
  width: 100%; }
.project-container .about-text {
  width: 48%;
  margin-right: 1%; }
.project-container .contacts, .project-container .client-list {
  width: 24%;
  margin-right: 1%; }
.project-container .about-text, .project-container .contacts, .project-container .client-list {
  float: left; }
.project-container.tablet {
  height: 800px; }
.project-container.mobile .about-text, .project-container.mobile .contacts, .project-container.mobile .client-list {
  float: none;
  display: block;
  width: 98%; }
.project-container.mobile .contacts {
  margin-top: 20px; }

.header {
  width: 24%;
  position: fixed;
  background: white;
  z-index: 100;
  left: .5%;
  text-align: right;
  top: .5vw;
  padding: 10px 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .header h1 {
    margin: 0;
    line-height: 1; }
    .header h1 img {
      max-width: 75%;
      height: auto; }
  @media screen and (min-width: 2000px) {
    .header {
      width: 16.66%; } }
  @media screen and (min-width: 1450px) and (max-width: 1999px) {
    .header {
      width: 19%; } }
  @media screen and (max-width: 1050px) {
    .header {
      width: 32%; } }
  @media screen and (max-width: 750px) {
    .header {
      width: 48%; } }
  @media screen and (max-width: 650px) {
    .header {
      width: 98%; } }
  .header.mobile {
    margin-bottom: 10px; }
    .header.mobile h1 img {
      width: 35%; }
    .header.mobile .nav {
      margin: 0; }
      .header.mobile .nav .cat-toggle {
        display: block; }
      .header.mobile .nav ul {
        height: 0;
        overflow: hidden;
        margin: 0; }
        .header.mobile .nav ul li {
          margin: 0; }
    .header.mobile .social-icons li a {
      width: 15px;
      height: 15px; }
  .header .social-icons {
    text-align: right;
    margin: 0;
    padding-right: 9px; }
    .header .social-icons li {
      display: inline-block;
      margin: 0; }
      .header .social-icons li a {
        background: #e41a73;
        width: 28px;
        height: 28px;
        display: block;
        position: relative;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%; }
        .header .social-icons li a svg {
          fill: white;
          width: 50%;
          height: 50%;
          position: absolute;
          left: 50%;
          top: 50%;
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .header .nav {
    padding-right: 9px;
    margin: 20px 0 0;
    font-size: 12px; }
    .header .nav .cat-toggle {
      display: none;
      color: #e41a73;
      font-weight: bold;
      margin-bottom: 10px; }
    .header .nav ul {
      margin: 0;
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
      line-height: 1;
      overflow: hidden; }
      .header .nav ul li {
        margin: 0;
        display: block;
        vertical-align: top;
        margin-bottom: 5px; }
        .header .nav ul li a {
          color: #e41a73;
          padding: 2px 4px;
          line-height: 1.2;
          display: block; }
          .header .nav ul li a:hover, .header .nav ul li a.selected {
            color: white;
            background: #e41a73; }
    .header .nav.closed ul {
      height: 0; }
    .header .nav.closed .cat-toggle {
      display: block; }
    .header .nav.closed:hover ul {
      height: auto; }
    .header .nav.mobile ul {
      height: auto !important;
      display: none; }

.home-images {
  width: 100%;
  height: 85vh;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -moz-transition: height, 0.8s;
  -o-transition: height, 0.8s;
  -webkit-transition: height, 0.8s;
  transition: height, 0.8s; }
  .home-images ul.slides {
    width: 100%;
    height: 85vh;
    position: relative; }
    .home-images ul.slides li {
      width: 100%;
      height: 85vh;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative; }
      .home-images ul.slides li a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
  .home-images.tablet {
    height: 600px; }
    .home-images.tablet ul.slides {
      height: 600px; }
      .home-images.tablet ul.slides li {
        height: 600px; }
  .home-images.mobile {
    height: 200px; }
    .home-images.mobile ul.slides {
      height: 200px; }
      .home-images.mobile ul.slides li {
        height: 200px; }
  .home-images.closed {
    height: 0 !important; }

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item, .item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition, .item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.64);
  text-align: center; }

.round .spinner {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%; }
.round .loading-container {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%; }

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: -20px;
  margin-top: -20px;
  background-color: #e41a73;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0; } }
.main-container {
  overflow: hidden;
  -moz-transition: height, 0.4s;
  -o-transition: height, 0.4s;
  -webkit-transition: height, 0.4s;
  transition: height, 0.4s;
  min-height: 85vh;
  height: auto;
  margin-bottom: 20px; }
  .main-container.tablet {
    height: auto;
    min-height: 600px; }
  .main-container.closed {
    height: 0;
    min-height: 0; }
  .main-container.mobile {
    height: auto;
    margin-top: 130px;
    min-height: 0; }

.post-copy-content {
  text-align: left;
  padding: 10px; }
  .post-copy-content .post-title {
    background: #e41a73;
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-left: -5px; }
  .post-copy-content .the_content {
    padding: 0 25px 0 0px;
    font-size: 12px;
    line-height: 150%;
    border-bottom: 1px dotted #e41a73; }

.project-container {
  height: 85vh;
  position: relative;
  padding-left: 1%;
  margin-bottom: 2vh;
  width: 99%;
  -moz-transition: opacity, 0.4s;
  -o-transition: opacity, 0.4s;
  -webkit-transition: opacity, 0.4s;
  transition: opacity, 0.4s;
  opacity: 1; }
  .project-container.closed {
    opacity: 0; }
  .project-container .project-content {
    width: 24%;
    float: left;
    text-align: left;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 2000px) {
      .project-container .project-content {
        width: 16.66%; } }
    @media screen and (min-width: 1450px) and (max-width: 1999px) {
      .project-container .project-content {
        width: 19%; } }
    @media screen and (max-width: 1050px) {
      .project-container .project-content {
        width: 32%; } }
    @media screen and (max-width: 750px) {
      .project-container .project-content {
        width: 48%; } }
    @media screen and (max-width: 650px) {
      .project-container .project-content {
        width: 98%; } }
    .project-container .project-content .post-title, .project-container .project-content h3 {
      background: #e41a73;
      color: white;
      font-weight: bold;
      padding: 5px;
      font-size: 26px;
      margin-left: -5px;
      line-height: normal; }
    .project-container .project-content .the_content {
      padding: 0 25px 0 0px;
      font-size: 12px;
      line-height: 150%;
      border-bottom: 1px dotted #e41a73; }
  .project-container:after {
    content: "";
    display: table;
    clear: both; }
  .project-container .details {
    font-weight: bold;
    color: #e41a73;
    margin-bottom: 1em; }
  .project-container.tablet {
    height: 600px; }
    .project-container.tablet .project-images .image {
      line-height: 600px; }
  .project-container.mobile {
    height: auto; }
    .project-container.mobile .project-content {
      margin-top: 0px !important;
      padding-top: 40px;
      float: none; }
    .project-container.mobile .project-images {
      height: 350px;
      margin-left: -8px; }
      .project-container.mobile .project-images .next, .project-container.mobile .project-images .prev {
        display: none; }
      .project-container.mobile .project-images .image {
        line-height: 350px;
        width: 100%;
        text-align: center; }
        .project-container.mobile .project-images .image img {
          margin: 0; }
    .project-container.mobile .close-project {
      left: 8px;
      top: 0; }

.project-images {
  height: 100%;
  position: relative;
  margin-left: 2%;
  overflow: hidden; }
  .project-images:hover .prev, .project-images:hover .next {
    opacity: 1; }
  .project-images .prev, .project-images .next {
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 50px;
    top: 0;
    opacity: 0;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s; }
    .project-images .prev svg, .project-images .next svg {
      fill: #e41a73;
      height: 150px;
      width: 100%;
      opacity: .25;
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -moz-transition: opacity, 0.3s;
      -o-transition: opacity, 0.3s;
      -webkit-transition: opacity, 0.3s;
      transition: opacity, 0.3s; }
    .project-images .prev:hover svg, .project-images .next:hover svg {
      opacity: 1; }
  .project-images .prev {
    left: 1%; }
  .project-images .next {
    right: 1%; }
  .project-images .project-images-container {
    height: 100%;
    white-space: nowrap;
    position: relative;
    -moz-transition: left, 0.4s;
    -o-transition: left, 0.4s;
    -webkit-transition: left, 0.4s;
    transition: left, 0.4s;
    left: 0; }
  .project-images .image {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    line-height: 85vh;
    opacity: .3;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s; }
    .project-images .image.current {
      opacity: 1; }
    .project-images .image.video {
      width: 100%; }
    .project-images .image img {
      margin-right: 30px;
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle;
      display: inline-block; }

.project-nav {
  margin-top: 20px; }
  .project-nav:after {
    content: "";
    display: table;
    clear: both; }
  .project-nav .next {
    float: right; }
    @media screen and (max-width: 768px) {
      .project-nav .next {
        float: none;
        display: block;
        text-align: center; } }
  .project-nav .prev {
    float: left; }
    @media screen and (max-width: 768px) {
      .project-nav .prev {
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 10px; } }
  .project-nav a {
    color: #e41a73;
    font-weight: bold; }

.close-project {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200;
  background: #e41a73;
  font-size: 50px;
  color: white;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 30px;
  -moz-transition: opacity, 0.4s;
  -o-transition: opacity, 0.4s;
  -webkit-transition: opacity, 0.4s;
  transition: opacity, 0.4s; }
  .close-project:visited {
    color: white; }
  .close-project:hover {
    opacity: .5;
    color: white; }

.posts {
  width: 100%; }
  .posts .post {
    float: left;
    margin: .5%;
    overflow: hidden;
    display: block;
    position: relative; }
    .posts .post .pattern {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
      opacity: 0;
      -moz-transition: opacity, 0.4s;
      -o-transition: opacity, 0.4s;
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s; }
    .posts .post.quiet {
      opacity: .65;
      -moz-transition: opacity, 0.4s;
      -o-transition: opacity, 0.4s;
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s; }
    .posts .post.large {
      width: 24%;
      height: 24vw; }
      @media screen and (min-width: 2000px) {
        .posts .post.large {
          width: 15.66667%;
          height: 15.66667vw; } }
      @media screen and (min-width: 1450px) and (max-width: 1999px) {
        .posts .post.large {
          width: 19%;
          height: 19vw; } }
      @media screen and (max-width: 1050px) {
        .posts .post.large {
          width: 32.33333%;
          height: 32.33333vw; } }
      @media screen and (max-width: 750px) {
        .posts .post.large {
          width: 49%;
          height: 49vw; } }
      @media screen and (max-width: 650px) {
        .posts .post.large {
          width: 99%;
          height: 99vw; } }
    .posts .post.always-large {
      width: 24% !important;
      height: 24vw !important; }
      .posts .post.always-large.project h3 {
        font-size: 33px !important;
        line-height: 40px !important;
        font-weight: bold;
        padding-bottom: 3px;
        border-bottom: 1px solid white; }
      .posts .post.always-large.project .project-location {
        font-size: 14px; }
      @media screen and (min-width: 2000px) {
        .posts .post.always-large {
          width: 15.66667% !important;
          height: 15.66667vw !important; } }
      @media screen and (min-width: 1450px) and (max-width: 1999px) {
        .posts .post.always-large {
          width: 19% !important;
          height: 19vw !important; } }
      @media screen and (max-width: 1050px) {
        .posts .post.always-large {
          width: 32% !important;
          height: 32vw !important; } }
      @media screen and (max-width: 750px) {
        .posts .post.always-large {
          width: 48% !important;
          height: 48vw !important; } }
      @media screen and (max-width: 650px) {
        .posts .post.always-large {
          width: 98% !important;
          height: 98vw !important; } }
    .posts .post.small {
      width: 11.5%;
      height: 11.5vw; }
      .posts .post.small.project h3 {
        font-size: 14px;
        line-height: 125%; }
      .posts .post.small.project .project-location {
        font-size: 10px;
        line-height: 125%; }
      @media screen and (min-width: 2000px) {
        .posts .post.small {
          width: 7.33333%;
          height: 7.33333vw; } }
      @media screen and (min-width: 1450px) and (max-width: 1999px) {
        .posts .post.small {
          width: 9%;
          height: 9vw; } }
      @media screen and (max-width: 1050px) {
        .posts .post.small {
          width: 15.66667%;
          height: 15.66667vw; } }
      @media screen and (max-width: 750px) {
        .posts .post.small {
          width: 24%;
          height: 24vw; } }
      @media screen and (max-width: 650px) {
        .posts .post.small {
          width: 49%;
          height: 49vw; } }
    .posts .post.round {
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
      .posts .post.round > img {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%; }
      .posts .post.round .pattern {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%; }
    .posts .post > img {
      min-width: 100%;
      min-height: 100%;
      max-width: 100%;
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      -moz-transition: opacity, 0.4s;
      -o-transition: opacity, 0.4s;
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s; }
    .posts .post > .centered-content {
      width: 85%;
      text-align: center;
      opacity: 0;
      -moz-transition: opacity, 0.4s;
      -o-transition: opacity, 0.4s;
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s;
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .posts .post.project * {
      color: white; }
    .posts .post.project .centered-content {
      background: #e41a73;
      height: 92%;
      width: 92%; }
    .posts .post.project.round .centered-content {
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .posts .post.project .project-title {
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .posts .post.project h3 {
      font-weight: bold;
      padding-bottom: 3px;
      border-bottom: 1px solid white; }
    .posts .post.project .project-location {
      font-size: 14px; }
    .posts .post.text .content {
      width: 80%;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: white;
      font-size: 17.5px;
      font-weight: bold;
      line-height: 125%; }
      .posts .post.text .content a {
        color: white;
        border-bottom: 1px solid white;
        -moz-transition-property: border-color, color;
        -o-transition-property: border-color, color;
        -webkit-transition-property: border-color, color;
        transition-property: border-color, color;
        -moz-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms; }
        .posts .post.text .content a:hover {
          border-bottom-color: transparent;
          color: black; }
    .posts .post.news-post .front, .posts .post.news-post .content {
      -moz-transition: opacity, 0.4s;
      -o-transition: opacity, 0.4s;
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s; }
    .posts .post.news-post .front {
      width: 85%;
      text-align: center;
      opacity: 1;
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .posts .post.news-post .front * {
        color: white;
        font-weight: bold;
        line-height: 100%; }
    .posts .post.news-post .content {
      width: 85%;
      text-align: center;
      opacity: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: white; }
    .posts .post.news-post:hover .front {
      opacity: 0; }
    .posts .post.news-post:hover .content {
      opacity: 1; }
    .posts .post:hover > img, .posts .post.open > img {
      opacity: 0; }
    .posts .post:hover .centered-content, .posts .post.open .centered-content {
      opacity: 1; }
    .posts .post:hover.quiet, .posts .post.open.quiet {
      opacity: 1; }
    .posts .post:hover .pattern, .posts .post.open .pattern {
      opacity: 1; }
  .posts .buffer.mobile {
    display: none !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-loading .slick-list {
  background: white url("../images/ajax-loader.gif") center center no-repeat; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  width: auto !important; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

.slick-prev:before {
  content: "\2190"; }

.slick-next {
  right: -25px; }

.slick-next:before {
  content: "\2192"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px; }

[dir="rtl"] .slick-next:before {
  content: "\2190"; }

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto; }

[dir="rtl"] .slick-prev:before {
  content: "\2192"; }

[dir="rtl"] .slick-slide {
  float: right; }