@charset "UTF-8";
.testimonials {
  font-size: 18px;
  font-family: 'Roboto Light'; }
  .testimonials .banner {
    /*background-image: url('../../images/founder/Group 2.png');*/
    background-position: bottom;
    background-size: cover;
    padding-top: 200px; }
    .testimonials .banner .header-title {
      padding-bottom: 100px;
      text-align: center; }
      .testimonials .banner .header-title .title-main {
        font-size: 38px;
        text-transform: uppercase;
        font-family: 'Roboto Light';
        display: inline-block;
        color: white; }
      .testimonials .banner .header-title .title-sub {
        margin-top: 0px;
        font-size: 50px;
        color: white;
        font-family: 'Roboto Bold';
        /*font-weight: bold;*/
        text-transform: uppercase; }
    .testimonials .banner .box-main {
      padding: 20px;
      padding-right: 30%;
      position: relative; }
      .testimonials .banner .box-main .img-personal {
        position: absolute;
        width: 30%;
        right: 17%;
        bottom: 0px; }
      .testimonials .banner .box-main .box-content {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        font-family: 'Roboto Light';
        line-height: 20px;
        padding-right: 30%; }
        .testimonials .banner .box-main .box-content .head-title-box {
          text-transform: uppercase;
          font-family: 'Roboto Bold';
          font-size: 30px; }
      .testimonials .banner .box-main .line {
        width: 40%;
        height: 4px;
        background: -webkit-gradient(linear, left top, right top, from(#a0081d), to(#e52822));
        background: linear-gradient(to right, #a0081d, #e52822);
        margin-top: 5px;
        margin-bottom: 5px;
        /*border-image-source: linear-gradient(lightgreen, darkgreen);*/ }
  .testimonials .slider-for {
    margin-top: 50px; }
    .testimonials .slider-for .item {
      outline: 0px; }
      .testimonials .slider-for .item .image-proj {
        max-height: 200px; }
      .testimonials .slider-for .item .description {
        position: relative; }
        .testimonials .slider-for .item .description:before {
          content: "“";
          position: absolute;
          top: -30px;
          left: -30px;
          color: #000000;
          font-size: 70px;
          font-family: 'Lora'; }
        .testimonials .slider-for .item .description .end_des {
          color: #000000;
          font-size: 70px;
          position: absolute;
          line-height: 0;
          display: inline-block;
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
          font-family: 'Lora'; }
      .testimonials .slider-for .item .info {
        margin-top: 20px; }
      .testimonials .slider-for .item .info_user {
        background: -webkit-gradient(linear, left top, right top, from(#a0081d), to(#e52822));
        background: linear-gradient(to right, #a0081d, #e52822);
        padding: 10px 20px;
        text-transform: uppercase;
        font-family: 'Roboto';
        display: inline-block;
        color: white;
        font-size: 16px;
        width: 100%;
        margin-top: 40px;
        border-radius: 4px; }
        .testimonials .slider-for .item .info_user .name {
          font-weight: 700;
          margin-bottom: 5px; }
  .testimonials .slider-nav {
    margin-top: 50px; }
    .testimonials .slider-nav .item {
      padding: 15px 20px;
      height: 200px;
      border-radius: 0;
      padding: 10px;
      position: relative;
      text-align: center; }
      .testimonials .slider-nav .item.slick-current {
        outline: 0 !important;
        color: #ffffff;
        border-radius: 0;
        padding: 10px;
        border-color: #ffffff; }
        .testimonials .slider-nav .item.slick-current .image-proj {
          -webkit-box-shadow: 0px 3px 20px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 3px 20px 4px rgba(0, 0, 0, 0.4);
          border: solid 4px #e6e5e6; }
      .testimonials .slider-nav .item:focus {
        outline: 0; }
    .testimonials .slider-nav .image-proj {
      max-height: 180px;
      padding: 10px;
      border: solid 4px #ffffff;
      vertical-align: middle; }

.footer {
  margin-top: 90px; }

@media screen and (max-width: 769px) {
  .title-main {
    font-size: 22px !important;
    line-height: 22px !important; }
  .title-sub {
    font-size: 30px !important;
    line-height: 35px !important; }
  .testimonials {
    font-size: 16px;
    line-height: inherit; }
  .testimonials .banner {
    padding-top: 150px; }
  .slider-for .item .description {
    position: relative;
    padding: 0px 15px; }
    .slider-for .item .description:before {
      top: 5px !important;
      left: -4px !important;
      font-size: 50px !important; }
    .slider-for .item .description .end_des {
      font-size: 50px !important; }
  .slick-prev {
    left: -15px;
    top: 26%; }
  .slick-next {
    right: -10px;
    top: 26%; }
  .slick-prev:before, .slick-next:before {
    font-size: 22px !important; } }

@media screen and (max-width: 415px) {
  .title-main {
    font-size: 22px !important;
    line-height: 22px !important; }
  .title-sub {
    font-size: 18px !important;
    line-height: 20px !important; }
  .testimonials {
    font-size: 14px;
    line-height: 16px; }
  .testimonials .banner {
    padding-top: 150px; }
  .testimonials .slider-for .item .image-proj {
    margin: 0px auto;
    margin-bottom: 10px; }
  .testimonials .slider-for .item .info_user .name {
    font-size: 12px; }
  .testimonials .slider-for .item .info_user .position {
    font-size: 12px; }
  .slider-for .item .description {
    position: relative;
    padding: 0px 15px; }
    .slider-for .item .description:before {
      top: 5px !important;
      left: -4px !important;
      font-size: 50px !important; }
    .slider-for .item .description .end_des {
      font-size: 50px !important; }
  .slick-prev {
    left: -15px;
    top: 26%; }
  .slick-next {
    right: -10px;
    top: 26%; }
  .slick-prev:before, .slick-next:before {
    font-size: 22px !important; } }

@media screen and (max-width: 321px) {
  .title-main {
    font-size: 20px !important;
    line-height: 20px !important; }
  .title-sub {
    font-size: 18px !important;
    line-height: 18px !important; }
  .testimonials .banner {
    padding-top: 100px; }
  .testimonials .banner .header-title .title-main {
    font-size: 22px; }
  .testimonials .banner .header-title .title-sub {
    font-size: 26px !important; } }