/*
 * Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 * Extend */
.thim-screenshots {
  position: relative; }
  .thim-screenshots .thim-sc-heading {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 134px;
    padding-left: 50px; }
  .thim-screenshots .screenshots-box {
    display: flex; }
  .thim-screenshots .slider-item {
    outline: none; }
    .thim-screenshots .slider-item:focus {
      outline: none; }
    .thim-screenshots .slider-item .title {
      font-size: 22px;
      letter-spacing: -0.4px;
      font-weight: 600;
      margin: 0 0 16px; }
    .thim-screenshots .slider-item .description {
      max-width: 585px; }
  .thim-screenshots .slick-dots {
    list-style: none;
    display: flex !important;
    margin: 58px 0 0;
    align-items: center;
    height: 12px; }
    .thim-screenshots .slick-dots li {
      margin: 0 5px;
      display: inline-block; }
      .thim-screenshots .slick-dots li button {
        display: inline-block;
        float: left;
        outline: none;
        height: 10px;
        width: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #eee;
        border: none;
        font-size: 0;
        -webkit-transition: all 0.5s;
        -khtml-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        cursor: pointer; }
      .thim-screenshots .slick-dots li.slick-active button {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2); }

#screenshots-left {
  width: 50%;
  position: relative;
  height: 648px;
  padding-top: 43px;
  padding-bottom: 45px;
  padding-right: 18px; }
  #screenshots-left:before {
    content: '';
    width: 318px;
    height: 648px;
    position: absolute;
    right: 10px;
    top: 0;
    background: url("../images/bg-screenshots.png");
    z-index: 1;
    pointer-events: none; }
  #screenshots-left .slick-list {
    padding-left: 6px; }
  #screenshots-left .slider-item {
    padding-right: 30px; }
    #screenshots-left .slider-item .team-image {
      -webkit-transform: scale(1, 0.9);
      -moz-transform: scale(1, 0.9);
      -ms-transform: scale(1, 0.9);
      -o-transform: scale(1, 0.9);
      -webkit-transition: all 0.5s;
      -khtml-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2);
      -khtml-box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.2); }
    #screenshots-left .slider-item.slick-current {
      padding: 0;
      padding-left: 20px;
      padding-right: 10px; }
      #screenshots-left .slider-item.slick-current .team-image {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1); }

#screenshots-right {
  width: 50%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 234px;
  padding-left: 50px; }
  #screenshots-right .slick-dots {
    position: absolute;
    bottom: 180px;
    left: 50px; }
  #screenshots-right .slider-item {
    cursor: pointer; }