.pull-right {
  float: right; }

.pull-auto {
  margin: 0 auto;
  display: block; }

img.icon-width-100 {
  width: 100px; }

img.icon-height-100 {
  height: 100px; }

.text-bold {
  font-weight: bold; }

.mt-30 {
  margin-top: 30px !important; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-50 {
  margin-bottom: 50px; }

.mt-20 {
  margin-top: 20px; }

.mt-50 {
  margin-top: 50px; }

.no-padding {
  padding: 0 !important; }

.no-text-transform {
  text-transform: none !important; }

img.icon-width-70 {
  width: 70px !important; }

img.icon-height-70 {
  height: 70px !important; }

img.icon-width-120 {
  width: 120px !important; }

.mt-10 {
  margin-top: 10px; }

.mb-75 {
  margin-bottom: 75px; }

img.icon-height-80 {
  height: 80px !important; }

.height-120 {
  height: 120px; }

.pb-50 {
  padding-bottom: 50px; }

.pl-0 {
  padding-left: 0; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mt-150 {
  margin-top: 150px; }

img.icon-width-50 {
  width: 50px; }

.width-20 {
  width: 20px;
  display: inline-block; }

.font-size-14 {
  font-size: 14px; }

.mb-0 {
  margin-bottom: 0; }

.mt-75 {
  margin-top: 75px; }

.mt-5 {
  margin-top: 5px; }

.mt-15 {
  margin-top: 15px; }

.ml-25 {
  margin-left: 25px; }

.mt-45 {
  margin-top: 45px !important; }

.pt-50 {
  padding-top: 50px !important; }

body {
  background-color: #0c1421; }
  @media screen and (min-width: 1200px) {
    body {
      font-size: 16px; }
      body .heading-content h1 {
        font-size: 2.5em; }
      body h2 {
        font-size: 2.1em; }
      body h3 {
        font-size: 1.8em; }
      body p {
        font-size: 1.2em; } }
  body #ascrail2000-hr {
    display: none !important;
    width: 0 !important;
    height: 0 !important; }

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif; }

iframe[name=google_conversion_frame] {
  display: none; }

.nav__ > li > a:hover {
  background-color: transparent; }

.nav__ > li > a:focus {
  background-color: transparent; }

section {
  padding: 50px 0; }
  section .container {
 }

.row {
  margin-left: 0;
  margin-right: 0; }

.main {
  min-height: 300px; }

.social-button .facebook, div.social-list .social-list .facebook {
  background-position: 0 -200px; }

.social-button .twitter, div.social-list .social-list .twitter {
  background-position: 0 -360px; }

.social-button .youtube, div.social-list .social-list .youtube {
  background-position: 0 -440px; }

.social-button .flickr, div.social-list .social-list .flickr {
  background-position: 0 -680px; }

.social-button .linkedin, div.social-list .social-list .linkedin {
  background-position: 0 -520px; }

.social-button .googleplus, div.social-list .social-list .googleplus {
  background-position: 0 -120px; }

.social-button .rss, div.social-list .social-list .rss {
  background-position: 0 -560px; }
  .social-button .rss:hover, div.social-list .social-list .rss:hover {
    background-position: 0 -600px; }

.social-button .futura, div.social-list .social-list .futura {
  background-position: 0 -840px; }

.social-button .clutch, div.social-list .social-list .clutch {
  background-position: 0 -880px;
  background-position: 0 -920px; }

.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #32b446; }

.home-header {
  height: 100vh;
  position: relative; }

.hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1; }
  .hero-slider #form-button-hire-senior {
    background-color: #F45B69;
    margin-left: 15px; }
    @media screen and (max-width: 768px) {

    }
  @media screen and (min-width: 992px) {
    .hero-slider {
      background-image: url("bg.jpg")/*tpa=https://www.qsdbih.com/main/img/bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      display: block;
      height: 100%; } }
  @media screen and (max-width: 991px) {
    .hero-slider {
      background-image: url("bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      display: block;
      height: 100%; } }
  .hero-slider .nav__bar {
    border: none; }
  .hero-slider .heading-content {
    height: 100%;
    position: relative; }
    .hero-slider .heading-content .container {
      height: 100%;
      position: relative; }
    @media screen and (max-width: 440px) {
      .hero-slider .heading-content #logo {
        border-top: 10px solid transparent;
        width: 90px; } }
    @media screen and (max-width: 440px) {
      .hero-slider .heading-content .nav__bar-nav__ {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (max-width: 360px) {
      .hero-slider .heading-content #header-cta-skype, .hero-slider .heading-content #header-cta-phone {
        display: none; } }
  .hero-slider .hero-nav__ {
    // z-index: 5;
    position: absolute;
    width: 100%; }
  .hero-slider .hero-page-wrapper {
    margin-top: 2em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative; }
    .hero-slider .hero-page-wrapper .content {
      height: 100%;
      position: relative; }
    .hero-slider .hero-page-wrapper .hero-page {
      margin-top: -1em;
      // z-index: 5;
      position: relative;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    @media screen and (max-width: 480px) {
      .hero-slider .hero-page-wrapper .container {
        padding: 0; } }

.heading-content-inner {
  height: 100% !important; }
  .heading-content-inner .content {
    padding: 0 2em; }
    @media screen and (min-width: 991px) {
      .heading-content-inner .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center; } }

.heading-text {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  color: #fefefe;
  text-align: center;
  padding-bottom: 2em; }
  @media screen and (max-width: 992px) {
    .heading-text {
      text-align: center; } }
  @media (max-width: 480px) {
    .heading-text {
      padding: 0; } }
  .heading-text h1, .heading-text p:first-of-type:not(.subtitle) {
    font-weight: bold;
    font-size: 3em;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(109, 109, 109, 0.6); }
    @media screen and (max-width: 768px) {
      .heading-text h1, .heading-text p:first-of-type:not(.subtitle) {
        font-size: 2.7em;
        line-height: 1.3em; } }
    @media screen and (max-width: 480px) {
      .heading-text h1, .heading-text p:first-of-type:not(.subtitle) {
        font-size: 2em;
        line-height: 1.3em; } }
    @media screen and (min-width: 1200px) {
      .heading-text h1, .heading-text p:first-of-type:not(.subtitle) {
        font-size: 2.5em; } }
  .heading-text .button {
    display: inline-block;
    margin: 0 auto;
    margin-top: 2em;
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    background-color: #32b446;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    font-size: 1em; }
    .heading-text .button:hover {
      background-color: #2b9c3d;
      color: #fefefe; }
    @media screen and (max-width: 768px) {
      .heading-text .button {
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .heading-text .button {
        padding: .4em 1em; } }
    @media screen and (min-width: 481px) {
      .heading-text .button {
        padding: .6em 2em; } }

.heading-image {
  padding-right: 2em; }

.parallax-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("pattern-dots.png")/*tpa=https://www.qsdbih.com/main/img/pattern-dots.png*/;
  background-repeat: repeat;
  background-color: rgba(44, 62, 80, 0.4);
  // z-index: 2;
  opacity: .9;
  filter: alpha(opacity=0.9); }

@media (max-width: 768px) {
  .nav__bar-header {
    display: inline-block; } }

.cta-header {
  margin-top: 5px;
  margin-right: 10px; }
  @media (max-width: 768px) {
    .cta-header {
      display: inline-block;
      float: right; } }
  .cta-header .nav__bar-right {
    margin-right: 15px; }
  .cta-header .show-xs {
    display: none; }
  .cta-header .show-sm-menu {
    padding-left: 1em;
    line-height: 2.4em; }
  .cta-header .nav__ {
    line-height: 2.5; }
    @media (max-width: 992px) {
      .cta-header .nav__ li {
        display: inline-block; } }
    .cta-header .nav__ a {
      color: #fefefe;
      font-weight: bold;
      height: 100%;
      padding: 10px 15px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .cta-header .nav__ a {
          font-size: 1.4em; } }
      .cta-header .nav__ a:hover {
        background-color: transparent;
        color: #32b446; }
      .cta-header .nav__ a i {
        font-size: 1.1em;
        vertical-align: middle; }
    .cta-header .nav__ .button {
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: .9em;
      margin-left: 5px;
      padding: .4em 1em; }
      .cta-header .nav__ .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }
    @media (max-width: 360px) {
      .cta-header .nav__ #header-cta-skype {
        display: none; } }
  .cta-header .home-hero-nav__ {
    transition: all 0.3s ease-in-out;
    font-size: .9em;
    padding-top: 5px; }
    .cta-header .home-hero-nav__ .home-hero-nav__-elem:hover {
      border-bottom: 1px solid #32b446;
      color: #fff; }
    .cta-header .home-hero-nav__ .dropdown:hover {
      border-bottom: none; }
    .cta-header .home-hero-nav__ .dropdown .dropdown-menu {
      display: none;
      list-style: none;
      padding: 0; }
      .cta-header .home-hero-nav__ .dropdown .dropdown-menu li:hover {
        border-bottom: 1px solid #32b446; }
      .cta-header .home-hero-nav__ .dropdown .dropdown-menu a {
        text-decoration: none;
        font-size: .9em;
        border-bottom: 1px solid transparent; }
    .cta-header .home-hero-nav__ .dropdown:hover .dropdown-menu {
      display: block; }

.other-page, .why-choose-header, .advantages, .help-you-header, .clients-header, .portfolio-header, .blog-header, .media-about-us-header, .news-about-us-header, .about-us-header {
  height: 50vh;
  position: relative; }
  @media screen and (max-width: 580px) {
    .other-page, .why-choose-header, .advantages, .help-you-header, .clients-header, .portfolio-header, .blog-header, .media-about-us-header, .news-about-us-header, .about-us-header {
      height: 60vh; } }
  @media screen and (max-width: 480px) {
    .other-page, .why-choose-header, .advantages, .help-you-header, .clients-header, .portfolio-header, .blog-header, .media-about-us-header, .news-about-us-header, .about-us-header {
      height: 75vh; } }
  .other-page .heading-text, .why-choose-header .heading-text, .advantages .heading-text, .help-you-header .heading-text, .clients-header .heading-text, .portfolio-header .heading-text, .blog-header .heading-text, .media-about-us-header .heading-text, .news-about-us-header .heading-text, .about-us-header .heading-text {
    padding-top: 3em; }
    .other-page .heading-text h1, .why-choose-header .heading-text h1, .advantages .heading-text h1, .help-you-header .heading-text h1, .clients-header .heading-text h1, .portfolio-header .heading-text h1, .blog-header .heading-text h1, .media-about-us-header .heading-text h1, .news-about-us-header .heading-text h1, .about-us-header .heading-text h1 {
      display: inline-block;
      font-weight: bold;
      font-size: 3em;
      text-transform: uppercase;
      text-shadow: 1px 1px 2px rgba(109, 109, 109, 0.6);
      border-radius: 5px; }

.why-choose-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .why-choose-header .hero-slider {
      background-image: url("why-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/why-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .why-choose-header .hero-slider {
      background-image: url("why-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/why-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.advantages .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .advantages .hero-slider {
      background-image: url("why-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/why-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .advantages .hero-slider {
      background-image: url("why-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/why-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.help-you-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .help-you-header .hero-slider {
      background-image: url("help-you-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/help-you-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .help-you-header .hero-slider {
      background-image: url("help-you-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/help-you-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.clients-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .clients-header .hero-slider {
      background-image: url("clients-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/clients-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .clients-header .hero-slider {
      background-image: url("clients-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/clients-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.portfolio-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  .portfolio-header .hero-slider .parallax-overlay {
    opacity: .6; }
  @media screen and (min-width: 992px) {
    .portfolio-header .hero-slider {
      background-image: url("portfolio-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/portfolio-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .portfolio-header .hero-slider {
      background-image: url("portfolio-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/portfolio-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.blog-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .blog-header .hero-slider {
      background-image: url("blog-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/blog-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      display: block; } }
  @media screen and (max-width: 991px) {
    .blog-header .hero-slider {
      background-image: url("blog-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/blog-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      display: block; } }

.media-about-us-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .media-about-us-header .hero-slider {
      background-image: url("media-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/media-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .media-about-us-header .hero-slider {
      background-image: url("media-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/media-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.news-about-us-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .news-about-us-header .hero-slider {
      background-image: url("portfolio-bg.jpg")/*tpa=https://www.qsdbih.com/main/img/portfolio-bg.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .news-about-us-header .hero-slider {
      background-image: url("portfolio-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/portfolio-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

.about-us-header .hero-slider {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  // z-index: 1;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .about-us-header .hero-slider {
      background-image: url("about-us-bg.png")/*tpa=https://www.qsdbih.com/main/img/about-us-bg.png*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }
  @media screen and (max-width: 991px) {
    .about-us-header .hero-slider {
      background-image: url("about-us-bg-min.jpg")/*tpa=https://www.qsdbih.com/main/img/about-us-bg-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center bottom;
      display: block; } }

footer {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #0c1421; }
  footer .heading {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    text-align: left;
    padding-bottom: 30px;
    padding-top: 30px; }
    footer .heading:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      footer .heading {
        padding-left: 40px;
        padding-right: 40px; } }
    footer .heading:after {
      left: initial;
      margin-left: initial;
      margin-top: 5px; }
    @media screen and (max-width: 991px) {
      footer .heading {
        padding-left: 0; } }
    footer .heading a {
      color: inherit;
      text-decoration: none; }
      footer .heading a:link, footer .heading a:visited, footer .heading a:hover, footer .heading a:focus, footer .heading a:active {
        color: inherit;
        text-decoration: none; }
  footer .bookmarks ul {
    padding-left: 0;
    list-style-type: none; }
    footer .bookmarks ul a {
      color: inherit;
      text-decoration: none; }
      footer .bookmarks ul a:link, footer .bookmarks ul a:visited, footer .bookmarks ul a:hover, footer .bookmarks ul a:focus, footer .bookmarks ul a:active {
        color: inherit;
        text-decoration: none; }
    footer .bookmarks ul li {
      color: #94979d; }
      footer .bookmarks ul li:not(:last-of-type) {
        margin-bottom: 5px; }
  @media screen and (max-width: 991px) {
    footer .bookmarks {
      margin-bottom: 50px; } }
  footer .contact {
    background-color: #080e16;
    border-radius: 5px;
    padding: 0 30px;
    padding-bottom: 30px; }
    @media screen and (max-width: 991px) {
      footer .contact {
        margin-top: 50px; } }
    @media screen and (max-width: 991px) {
      footer .contact .row > div:last-of-type {
        margin-top: 30px; } }
    @media screen and (min-width: 992px) {
      footer .contact .country-row > div {
        width: 44%;
        padding-right: 0; }
        footer .contact .country-row > div .country:after {
          right: 0; }
        footer .contact .country-row > div:nth-of-type(2) {
          margin-left: 12%; } }
    footer .contact .country {
      font-weight: bold;
      color: #fff;
      margin-bottom: 25px; }
      footer .contact .country:after {
        position: absolute;
        right: 30px;
        top: -10px;
        content: '';
        display: inline-block;
        width: 40px;
        height: 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      footer .contact .country.pl:after {
        background-image: url("pl.png")/*tpa=https://www.qsdbih.com/main/img/icon/pl.png*/; }
      footer .contact .country.gb:after {
        background-image: url("gb.png")/*tpa=https://www.qsdbih.com/main/img/icon/gb.png*/; }
      footer .contact .country.usa:after {
        background-image: url("usa.png")/*tpa=https://www.qsdbih.com/main/img/icon/usa.png*/; }
      footer .contact .country.ua:after {
        background-image: url("ua.png")/*tpa=https://www.qsdbih.com/main/img/icon/ua.png*/; }
    footer .contact ul {
      list-style-type: none;
      padding-left: 0;
      color: #5e636b; }
      footer .contact ul a {
        color: inherit;
        text-decoration: none;
        display: block;
        margin-bottom: 5px; }
        footer .contact ul a:link, footer .contact ul a:visited, footer .contact ul a:hover, footer .contact ul a:focus, footer .contact ul a:active {
          color: inherit;
          text-decoration: none; }
      footer .contact ul li {
        padding-left: 30px;
        margin-bottom: 5px;
        font-size: .9em; }
        footer .contact ul li:before {
          position: absolute;
          content: '';
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: -30px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center; }
        footer .contact ul li.phone:before {
          background-image: url("phone.png")/*tpa=https://www.qsdbih.com/main/img/icon/phone.png*/; }
        footer .contact ul li.skype:before {
          background-image: url("skype.png")/*tpa=https://www.qsdbih.com/main/img/icon/skype.png*/; }
        footer .contact ul li.address:before {
          background-image: url("address.png")/*tpa=https://www.qsdbih.com/main/img/icon/address.png*/; }
        footer .contact ul li.mail:before {
          background-image: url("mail.png")/*tpa=https://www.qsdbih.com/main/img/icon/mail.png*/; }
    footer .contact > .row:not(:last-of-type) {
      margin-bottom: 30px; }
  @media screen and (min-width: 992px) {
    footer .social-media {
      margin-top: 140px; } }
  footer .social-media img.logo {
    margin-top: -3px;
    float: left;
    display: inline-block;
    width: 130px; }
  footer .social-media ul {
    float: right;
    display: inline-block;
    list-style-type: none;
    padding-left: 0;
    color: inherit;
    text-decoration: none; }
    footer .social-media ul:link, footer .social-media ul:visited, footer .social-media ul:hover, footer .social-media ul:focus, footer .social-media ul:active {
      color: inherit;
      text-decoration: none; }
    footer .social-media ul a {
      color: #fff;
      display: inline-block;
      background-color: #080e16;
      border-radius: 50%; }
      footer .social-media ul a:hover {
        background-color: #101f35; }
    footer .social-media ul li {
      display: inline-block;
      width: 30px;
      height: 30px;
      text-align: center; }
      footer .social-media ul li img {
        margin: 0 auto;
        margin-top: 7px;
        height: 15px; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    footer .social-media img.logo {
      margin-bottom: 30px;
      float: none; }
    footer .social-media ul {
      float: none;
      display: block; } }
  @media screen and (max-width: 530px) {
    footer .social-media img.logo {
      margin-bottom: 30px;
      float: none; }
    footer .social-media ul {
      float: none;
      display: block; } }
  footer .legal {
    margin-top: 50px;
    color: #454b52;
    font-size: 15px; }
    footer .legal ul {
      padding-left: 0;
      list-style-type: none;
      margin-right: 70px; }
      footer .legal ul a {
        color: inherit;
        text-decoration: none; }
        footer .legal ul a:link, footer .legal ul a:visited, footer .legal ul a:hover, footer .legal ul a:focus, footer .legal ul a:active {
          color: inherit;
          text-decoration: none; }
      footer .legal ul li {
        display: inline-block; }
        footer .legal ul li:not(:last-of-type) {
          margin-right: 20px; }

.contact-us {
  background-color: #f6f6f8; }
  .contact-us .title:not(.sg) {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    color: #232323;
    font-weight: bold; }
    .contact-us .title:not(.sg):after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    .contact-us .title:not(.sg) .subtitle {
      display: block;
      font-size: 20px;
      padding-top: .6em;
      color: #595756;
      font-weight: normal;
      text-transform: none; }
  .contact-us .title.sg {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 0;
    color: #232323;
    font-weight: bold; }
    .contact-us .title.sg + .subtitle {
      margin-bottom: 4em;
      text-align: center;
      display: block;
      font-size: 20px;
      padding-top: 0;
      color: #595756;
      font-weight: normal;
      text-transform: none; }
      .contact-us .title.sg + .subtitle:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #32b446;
        height: 4px;
        width: 50px;
        left: 50%;
        margin-top: .4em;
        margin-left: -25px; }
  .contact-us .list-cta {
    margin-bottom: 3em;
    display: inline; }
    .contact-us .list-cta li {
      font-size: 1.2em;
      margin: auto auto 1.3em;
      line-height: 1.3em; }
      .contact-us .list-cta li i {
        font-size: .9em;
        padding-top: 4px;
        text-align: right;
        color: #32b446;
        opacity: .6; }
      .contact-us .list-cta li .fa-star {
        font-size: .9em;
        color: #ffc107;
        opacity: 1; }
      .contact-us .list-cta li .fa-heart {
        font-size: .9em;
        color: #32b446;
        opacity: 1; }
      .contact-us .list-cta li span {
        line-height: 1.5em; }
    .contact-us .list-cta .badge-guarrant {
      position: relative;
      text-align: center; }
      .contact-us .list-cta .badge-guarrant a {
        display: inline-block; }
  .contact-us .form-group {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    background-color: #fefefe;
    padding: 1em 1em 3em; }
    .contact-us .form-group .title-form h2 {
      font-weight: bold;
      font-size: 1em;
      padding: 1em 0 2em; }
    .contact-us .form-group label {
      width: 100%;
      color: #6c7578; }
    .contact-us .form-group .form-control {
      font-weight: normal;
      border-radius: 0;
      margin-bottom: .5em;
      box-shadow: none;
      border: none;
      background-color: #f8f8f8;
      border-radius: 2px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.1); }
    .contact-us .form-group fieldset {
      margin: .4em 0 .8em; }
    @media screen and (max-width: 768px) {
      .contact-us .form-group .button-contact-wrapper {
        display: table; }
        .contact-us .form-group .button-contact-wrapper .button {
          display: table-cell; } }
    .contact-us .form-group .button {
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      padding: .6em 2.4em;
      border: none;
      display: inline-block;
      font-size: 1.1em;
      white-space: normal; }
      .contact-us .form-group .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }
    .contact-us .form-group .error {
      color: #f44336;
      font-size: .85em; }
    .contact-us .form-group .segment-content .success, .contact-us .form-group .segment-content .error {
      margin-top: 1em;
      padding: 1em .5em;
      font-weight: bold;
      border-radius: 5px;
      text-align: center;
      background-color: #efefef; }
      .contact-us .form-group .segment-content .success:after, .contact-us .form-group .segment-content .error:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #25c65e;
        height: 4px;
        width: 50px;
        left: 50%;
        margin-top: .6em;
        margin-left: -25px; }
      .contact-us .form-group .segment-content .success .error:after, .contact-us .form-group .segment-content .error .error:after {
        border-color: 4px solid #f44336; }

.brands {
  background-color: rgba(12, 20, 33, 0.3);
  width: 100%;
  position: absolute;
  bottom: 0;
  // z-index: 10;
  padding: .3em 0; }
  .brands .brands-wrapper {
    margin: 0 auto;
    position: relative;
    display: table;
    vertical-align: middle; }
    .brands .brands-wrapper .brands-info {
      display: table-cell;
      width: 120px;
      font-size: .75em;
      text-align: center;
      color: #ebebef;
      margin: 0; }
      @media screen and (max-width: 580px) {
        .brands .brands-wrapper .brands-info {
          display: none; } }
      .brands .brands-wrapper .brands-info span {
        font-size: 1.8em;
        color: #32b446;
        font-weight: bold;
        display: block; }
    .brands .brands-wrapper img {
      width: 120px;
      padding-top: 15px;
      margin: 0 1em; }
      @media screen and (max-width: 992px) {
        .brands .brands-wrapper img {
          width: 100px;
          margin: 0 .8em; } }
      @media screen and (max-width: 580px) {
        .brands .brands-wrapper img {
          padding-top: 2px;
          width: 80px;
          margin: 0 .4em; } }

.achivements {
  position: relative;
  display: block;
  color: #fdfdfd;
  background-color: #111c2c; }
  .achivements .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .achivements .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 1em;
    font-weight: bold; }
    .achivements .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .achivements .trophy {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 3em;
    background-color: #142034;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media screen and (max-width: 991px) {
      .achivements .trophy {
        max-width: 500px; } }
    .achivements .trophy:before {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      bottom: 0;
      margin-left: -25px; }
    .achivements .trophy .aside-no1 {
      margin: 0 auto;
      position: absolute;
      top: 15px;
      left: 0;
      right: 0; }
    .achivements .trophy .clutch-no1 {
      margin: 0 auto;
      position: absolute;
      top: 15px;
      left: 0;
      right: 0; }
    .achivements .trophy .img {
      min-height: 130px;
      position: relative;
      width: 60%;
      margin: 0 auto 15px; }
      @media screen and (max-width: 991px) {
        .achivements .trophy .img {
          margin-top: 1em; } }
      @media screen and (max-width: 480px) {
        .achivements .trophy .img {
          width: 100%; } }
    .achivements .trophy .clutch-elem {
      width: 70%;
      margin-top: 2em; }
      @media screen and (max-width: 991px) {
        .achivements .trophy .clutch-elem {
          margin-top: 3em; } }
      @media screen and (max-width: 480px) {
        .achivements .trophy .clutch-elem {
          width: 100%; } }
    .achivements .trophy img {
      margin: 0 auto;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .achivements .trophy p {
      color: #e1e1e1;
      font-size: 1em;
      padding-bottom: 10px; }
      .achivements .trophy p span {
        display: block;
        font-size: 1.3em;
        font-weight: bold; }
  .achivements .center-elem {
    padding-top: 1em; }
  .achivements .aside {
    padding-top: 1.2em;
    margin-top: 1em; }
  .achivements .brand-achive {
    margin: 4em auto 0em; }
  .achivements .thophy-bottom-box {
    background-color: #111c2c;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 75%;
    padding: 2em 3em 2em;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media screen and (max-width: 992px) {
      .achivements .thophy-bottom-box {
        width: 95%; } }
    .achivements .thophy-bottom-box:before {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      top: 0;
      margin-left: -25px; }

.save-budget {
  background-color: #fefefe;
  text-align: center;
  position: relative;
  padding-bottom: 0;
  margin: 0 auto;
  display: block; }
  .save-budget .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 1em;
    color: #232323;
    font-weight: bold; }
    .save-budget .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    .save-budget .title .accent {
      color: #32b446; }
    .save-budget .title .subtitle {
      display: block;
      font-size: 20px;
      padding-top: .6em;
      color: #595756;
      font-weight: normal;
      text-transform: none; }
  .save-budget .border {
    width: 650px;
    top: 49%;
    content: "";
    height: 5px;
    border-top: 5px dotted #bdbdcb;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    // z-index: -1; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .save-budget .border {
        width: 500px;
        top: 55%; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .save-budget .border {
        width: 350px;
        top: 52%; } }
    @media (max-width: 767px) {
      .save-budget .border {
        width: 360px;
        top: 52%; } }
    @media (max-width: 560px) {
      .save-budget .border {
        width: 300px;
        top: 52%; } }
    @media (max-width: 480px) {
      .save-budget .border {
        width: 260px;
        top: 52%; } }
    @media (max-width: 380px) {
      .save-budget .border {
        width: 220px;
        top: 56%; } }
  .save-budget .three-box {
    display: table;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 25px 35px;
    margin: 2em auto;
    position: relative; }
    @media screen and (min-width: 481px) and (max-width: 767px) {
      .save-budget .three-box {
        border-spacing: 5px 5px; } }
    @media (max-width: 480px) {
      .save-budget .three-box {
        border-spacing: 0px 0px; } }
    .save-budget .three-box .box {
      display: inline-block;
      padding: 1.8em .4em .5em .4em;
      font-size: 1.2em;
      font-weight: bold;
      position: relative;
      width: 30%;
      display: table-cell;
      vertical-align: middle; }
      .save-budget .three-box .box span {
        text-shadow: 1px 1px 2px rgba(109, 109, 109, 0.6);
        height: 48px;
        width: 48px;
        line-height: 48px;
        display: block;
        border-radius: 100%;
        font-size: 1.7em;
        font-weight: bold;
        color: #fefefe;
        background-color: #32b446;
        position: absolute;
        top: -27.5px;
        left: 0;
        right: 0;
        margin: 0 auto;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
        text-align: center; }
  .save-budget .slide {
    text-align: left;
    padding: 3em auto; }
    .save-budget .slide .img-box {
      padding: 0; }
    .save-budget .slide .container {
      display: table;
      vertical-align: middle;
      position: relative;
      overflow: hidden; }
    .save-budget .slide .txt-box {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      margin: 3em 0;
      padding-left: 3em; }
      @media (max-width: 768px) {
        .save-budget .slide .txt-box {
          display: block;
          margin: 1em 0;
          text-align: center; } }
      .save-budget .slide .txt-box h2 {
        padding-bottom: 1em;
        font-weight: bold;
        font-size: 24px; }
        @media (max-width: 768px) {
          .save-budget .slide .txt-box h2 {
            padding-bottom: 10px; } }
      .save-budget .slide .txt-box .button {
        margin-top: 2em;
        font-family: 'Open Sans', sans-serif;
        color: #fefefe;
        background-color: #28D278;
        text-decoration: none;
        display: inline-block;
        border-radius: 20px;
        text-transform: uppercase;
        padding: 1.1em 1.3em;
        transition: all 0.3s ease-in-out;
        font-size: .9em;
        margin-left: 5px;
        padding: .5em 1.8em;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
        .save-budget .slide .txt-box .button:hover {
          background-color: #23b869;
          color: #fefefe; }
    .save-budget .slide .img-box {
      display: table-cell;
      vertical-align: middle;
      position: relative; }
      @media (max-width: 991px) {
        .save-budget .slide .img-box {
          display: block;
          height: 200px; } }
      .save-budget .slide .img-box .img-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        min-height: 355px;
        height: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; }
        @media screen and (min-width: 992px) and (max-width: 1200px) {
          .save-budget .slide .img-box .img-container {
            min-height: 260px; } }
        @media (max-width: 991px) {
          .save-budget .slide .img-box .img-container {
            min-height: 340px; } }
        @media (max-width: 768px) {
          .save-budget .slide .img-box .img-container {
            min-height: 200px;
            margin: 1em auto; } }
      .save-budget .slide .img-box .img-1 {
        background: url("MVP-min.png")/*tpa=https://www.qsdbih.com/main/img/MVP-min.png*/;
        background-position: center;
        background-repeat: no-repeat; }
        @media (max-width: 991px) {
          .save-budget .slide .img-box .img-1 {
            background: url("MVP-min.png")/*tpa=https://www.qsdbih.com/main/img/MVP-min.png*/;
            background-position: center;
            background-repeat: no-repeat; } }
      .save-budget .slide .img-box .img-2 {
        background-image: url("app-developer-for-hire.png")/*tpa=https://www.qsdbih.com/main/img/app-developer-for-hire.png*/;
        background-position: center;
        background-repeat: no-repeat;
        background-size: inherit; }
        @media (max-width: 991px) {
          .save-budget .slide .img-box .img-2 {
            background: url("app-developer-for-hire.png")/*tpa=https://www.qsdbih.com/main/img/app-developer-for-hire.png*/;
            background-position: center;
            background-repeat: no-repeat;
            background-size: inherit; } }
      .save-budget .slide .img-box .img-3 {
        background-image: url("demo-min.png")/*tpa=https://www.qsdbih.com/main/img/demo-min.png*/;
        background-position: center;
        background-repeat: no-repeat;
        background-size: inherit; }
        @media (max-width: 991px) {
          .save-budget .slide .img-box .img-3 {
            background: url("demo-min.png")/*tpa=https://www.qsdbih.com/main/img/demo-min.png*/;
            background-position: center;
            background-repeat: no-repeat;
            background-size: inherit; } }
  .save-budget .grey-bg {
    background-color: #f6f6f8;
    text-align: right; }
    .save-budget .grey-bg .txt-box {
      padding-right: 3em; }

.help-you {
  position: relative;
  display: block;
  color: #fefefe; }
  .help-you .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .help-you .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .help-you .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    .help-you .title .accent {
      color: #32b446; }
  .help-you .help-you-elem {
    margin-bottom: 3em; }
    @media (max-width: 768px) {
      .help-you .help-you-elem {
        margin-bottom: 2em; } }
    @media (min-width: 991px) {
      .help-you .help-you-elem a {
        min-height: 175px; } }
    .help-you .help-you-elem .content {
      display: block;
      background-color: #111c2c;
      color: #e6e6e6;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      padding: 1.5em 1.2em; }
      .help-you .help-you-elem .content:hover {
        background-color: #142034;
        color: #32b446;
        text-decoration: none; }
      @media (max-width: 768px) {
        .help-you .help-you-elem .content {
          max-width: 400px;
          margin: 0 auto; } }
    .help-you .help-you-elem .icon {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 15px; }
    .help-you .help-you-elem p {
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size: .95em; }
  .help-you .cta {
    text-align: center;
    margin: 0 auto 1em; }
    .help-you .cta .button {
      margin-top: 1em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .help-you .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.testimonials {
  background-color: #fefefe; }
  .testimonials .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 5em;
    color: #232323;
    font-weight: bold; }
    @media screen and (max-width: 991px) {
      .testimonials .title {
        padding-bottom: 2em; } }
    .testimonials .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .testimonials .grid-wrapper {
    margin: 0 auto;
    height: 100%;
    padding-bottom: 1em; }
  .testimonials .grid-content {
    height: 100%; }
    @media screen and (max-width: 991px) {
      .testimonials .grid-content {
        padding-left: 60px; } }
    .testimonials .grid-content .content {
      margin: 0 auto;
      max-width: 290px;
      padding: 2.5em 1.3em;
      background-color: #f6f6f8;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      position: relative;
      border-radius: 3px;
      min-height: 400px; }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        .testimonials .grid-content .content {
          min-height: 370px; } }
      @media screen and (max-width: 991px) {
        .testimonials .grid-content .content {
          max-width: 992px;
          min-height: 50px;
          margin-bottom: 2em;
          padding: 1.5em 1.3em;
          padding-left: 70px; } }
    .testimonials .grid-content .avatar {
      width: 110px;
      height: 110px;
      border-radius: 100%;
      overflow: hidden;
      position: absolute;
      left: -60px;
      margin: 0 auto;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      @media screen and (min-width: 992px) {
        .testimonials .grid-content .avatar {
          top: -90px;
          left: 0;
          right: 0; } }
    .testimonials .grid-content h2 {
      text-align: center;
      color: #321464;
      font-size: .9em;
      line-height: 1.5;
      margin-top: 5px;
      padding-bottom: 1em; }
      .testimonials .grid-content h2 span {
        font-weight: bold;
        font-size: 1.2em; }
        @media screen and (max-width: 992px) {
          .testimonials .grid-content h2 span {
            font-size: 1.4em; } }
      @media screen and (max-width: 992px) {
        .testimonials .grid-content h2 {
          text-align: left; } }
    .testimonials .grid-content p {
      text-align: left;
      font-size: 1em;
      padding: 0 .4em 2em; }
      @media screen and (max-width: 992px) {
        .testimonials .grid-content p {
          display: inline-block; } }
    .testimonials .grid-content .logo-icon {
      position: absolute;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 991px) {
        .testimonials .grid-content .logo-icon {
          top: 20px;
          right: 15px; } }
      @media screen and (min-width: 992px) {
        .testimonials .grid-content .logo-icon {
          bottom: 1em;
          left: 0;
          right: 0; } }
      .testimonials .grid-content .logo-icon img {
        margin: 0 auto; }
        @media screen and (max-width: 991px) {
          .testimonials .grid-content .logo-icon img {
            max-height: 50px;
            max-width: 150px; } }
  .testimonials .cta {
    text-align: center;
    padding-bottom: 1em; }
    .testimonials .cta .button {
      margin-top: 3em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: .9em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      margin-right: 10px; }
      .testimonials .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }
    .testimonials .cta .button-alt {
      margin-top: 2em;
      font-family: 'Open Sans', sans-serif;
      color: #232323;
      background-color: #f6f6f8;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: .9em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .testimonials .cta .button-alt:hover {
        background-color: #e5e5eb;
        color: #232323; }

.few-facts {
  position: relative;
  display: block;
  color: #fefefe; }
  .few-facts .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .few-facts .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 0;
    font-weight: bold; }
    .few-facts .title + .subtitle {
      padding-top: 0;
      text-align: center;
      margin-bottom: 2em;
      display: block;
      font-size: 20px;
      font-weight: normal;
      text-transform: none; }
      .few-facts .title + .subtitle:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #32b446;
        height: 4px;
        width: 50px;
        left: 50%;
        margin-top: .4em;
        margin-left: -25px; }
  .few-facts .advant-elem-content {
    box-sizing: border-box;
    font-weight: 700;
    padding: 2em 1em;
    margin-bottom: 2em;
    background-color: #111c2c;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media screen and (min-width: 1200px) {
      .few-facts .advant-elem-content {
        font-size: .8em;
        padding: 3em .1em; } }
    @media screen and (max-width: 768px) {
      .few-facts .advant-elem-content {
        max-width: 400px;
        margin: 1em auto; } }
    .few-facts .advant-elem-content .lead {
      font-size: 2.7em;
      font-weight: bold;
      color: #32b446;
      margin-top: -20px;
      margin-bottom: 5px;
      display: inline;
      vertical-align: middle;
      height: 100%; }
    .few-facts .advant-elem-content .hire {
      margin-left: 10px; }
    .few-facts .advant-elem-content .startup {
      margin-left: -5px; }
    .few-facts .advant-elem-content .code,
    .few-facts .advant-elem-content .download {
      margin-left: 5px; }
    .few-facts .advant-elem-content p {
      margin-top: .5em; }
      @media screen and (max-width: 991px) {
        .few-facts .advant-elem-content p {
          font-size: 1em; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .few-facts {
      padding: 0;
      margin: 0; }
      .few-facts .container, .few-facts .advant-elem {
        padding: 0; }
      .few-facts .advant-elem-content {
        width: 100%;
        padding: 3.5em 30px;
        max-width: 95%;
        margin: 0 auto 2em; } }
  @media screen and (max-width: 767px) {
    .few-facts {
      padding: 0;
      margin: 0; }
      .few-facts .container {
        padding: 0;
        margin: 0;
        width: 100%; }
      .few-facts .advant-elem-content {
        width: 100%;
        padding: 3.5em 15px; } }

.maps {
  background-color: #fff; }
  .maps .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 0;
    color: #232323;
    font-weight: bold; }
    .maps .title + .subtitle {
      padding-top: 0;
      text-align: center;
      display: block;
      font-size: 20px;
      color: #595756;
      font-weight: normal;
      text-transform: none; }
  .maps .slider-with-brand img {
    display: block;
    margin: 0 auto; }
  .maps .img-maps {
    display: block;
    position: relative; }
    .maps .img-maps img {
      margin: 0 auto; }
    .maps .img-maps .maps-content-text {
      display: none;
      font-size: .9em;
      position: absolute;
      font-weight: bold;
      color: #fdfdfd;
      line-height: 1.1;
      bottom: 20%;
      left: 25%;
      padding: .7em 1.2em;
      padding-bottom: 1em;
      text-align: center;
      background-color: rgba(33, 153, 232, 0.7);
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .maps .img-maps .maps-content-text p {
        margin-bottom: 0; }
      .maps .img-maps .maps-content-text .lead {
        font-weight: bold;
        font-size: 1.6em; }
        .maps .img-maps .maps-content-text .lead span {
          font-size: 1.3em; }

ul.home-heading-slider {
  list-style-type: none; }

.five-key-features {
  background-color: #f6f6f8;
  color: #232323; }
  .five-key-features .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    @media (max-width: 991px) {
      .five-key-features .title {
        padding-bottom: 1em; } }
    .five-key-features .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .five-key-features .content {
    margin: 1em 5em;
    margin-bottom: 2em;
    background-color: #fefefe;
    padding: 2em 1em;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media (max-width: 991px) {
      .five-key-features .content {
        margin: 1em .5em;
        padding: 1em; } }
  .five-key-features .five-key-content {
    height: 100% !important; }
  .five-key-features .five-key-elem h2 {
    text-transform: uppercase;
    color: #32b446;
    font-weight: bold;
    font-size: 1.9em; }
  .five-key-features .five-key-elem .icon-box img {
    margin: 0 auto; }
  .five-key-features .five-key-elem .text-box {
    border-left: 5px solid #ededf1;
    padding-left: 2em; }
    @media (max-width: 991px) {
      .five-key-features .five-key-elem .text-box {
        border: none;
        padding: 0 1em;
        text-align: center; } }

.eight-reasons {
  position: relative;
  display: block;
  color: #fefefe; }
  .eight-reasons .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .eight-reasons .title {
    text-align: center;
    font-size: 28px;
    padding-bottom: 2em; }
  .eight-reasons .reason-elem {
    margin-bottom: 3em; }
    .eight-reasons .reason-elem .content {
      display: block;
      background-color: #111c2c;
      color: #32b446;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      padding: 1.5em 1.2em; }
      .eight-reasons .reason-elem .content:hover {
        background-color: #142034;
        text-decoration: none; }
      @media (max-width: 767px) {
        .eight-reasons .reason-elem .content {
          margin: 0 auto;
          max-width: 320px; } }
    .eight-reasons .reason-elem .icon {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 15px; }
    .eight-reasons .reason-elem p {
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size: .95em; }

.brand-clients {
  background-color: #fff; }
  .brand-clients .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .brand-clients .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .brand-clients img {
    display: block;
    margin: 0 auto; }
  .brand-clients .cta {
    text-align: center;
    margin: 0 auto; }
    .brand-clients .cta .button {
      margin: 3em auto 2em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .brand-clients .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.our-story {
  background-color: #f6f6f8;
  color: #232323; }
  .our-story .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .our-story .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .our-story .quote {
    position: relative;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 6em; }
  .our-story blockquote {
    color: #6c7578;
    font-weight: 400;
    color: #4f5354;
    border-left: none;
    padding-left: 3em;
    padding-top: 1em; }
    .our-story blockquote:after {
      content: "\f10d";
      color: #E0DDD7;
      font-family: FontAwesome;
      font-size: 2em;
      position: absolute;
      left: 0;
      top: 0;
      // z-index: -10; }
    @media screen and (min-width: 1200px) {
      .our-story blockquote p {
        font-size: 1.3em; } }
    .our-story blockquote footer {
      float: right; }
      @media screen and (min-width: 1200px) {
        .our-story blockquote footer {
          font-size: 1.1em; } }
  .our-story .info-elem {
    padding-right: 2em; }
    .our-story .info-elem p {
      font-size: 1.1em; }
    .our-story .info-elem ul {
      padding-left: 0em; }
    .our-story .info-elem li {
      padding-bottom: 10px;
      list-style-type: none; }
      .our-story .info-elem li i {
        padding-top: 5px;
        font-size: .9em;
        color: #32b446;
        height: auto;
        text-align: right;
        padding-right: 0px;
        padding-left: 0px; }
  .our-story .video-elem {
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    padding: 0;
    margin-top: 2em; }
  .our-story .embed-container {
    border-radius: 5px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    .our-story .embed-container iframe, .our-story .embed-container object, .our-story .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.meet-team {
  background-color: #fefefe;
  color: #232323; }
  .meet-team .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .meet-team .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .meet-team .meet-team-description {
    padding: 0em 4em 1em;
    text-align: center;
    line-height: 2em; }
    @media screen and (max-width: 1200px) {
      .meet-team .meet-team-description {
        font-size: 1.3em; } }
  @media screen and (max-width: 967px) {
    .meet-team .meet-team-elem {
      margin-bottom: 1.5em; } }
  .meet-team .image-wrapper {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.24);
    // z-index: 10;
    position: relative; }
    .meet-team .image-wrapper img {
      position: relative;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .meet-team .text-box {
    display: block;
    border-radius: 5px;
    background-color: #f6f6f8;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    padding: 3em 1.5em 1.5em;
    font-size: 1.1em;
    line-height: 2em;
    margin-top: -2em; }
    @media screen and (min-width: 968px) {
      .meet-team .text-box {
        min-height: 360px;
        padding: 3em 1.5em 2em; } }
    @media screen and (min-width: 1200px) {
      .meet-team .text-box {
        font-size: .8em;
        padding: 4em 2.4em 2em;
        min-height: 316px;
        line-height: 2.2em; } }
    .meet-team .text-box h5 {
      text-align: center;
      color: #32b446;
      font-size: 1.2em;
      font-weight: bold; }
      .meet-team .text-box h5 span {
        display: block;
        padding-top: 5px;
        font-size: .8em;
        color: #6c7578; }
  .meet-team .cta {
    text-align: center;
    margin: 0 auto; }
    .meet-team .cta .button {
      margin: 3em auto 2em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .meet-team .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.slogan-content {
  background-color: #f6f6f8;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .slogan-content {
      background-image: url("bg-slogan.jpg")/*tpa=https://www.qsdbih.com/main/img/bg-slogan.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      color: #fff; } }
  @media screen and (max-width: 991px) {
    .slogan-content {
      background-image: url("bg-slogan-min.jpg")/*tpa=https://www.qsdbih.com/main/img/bg-slogan-min.jpg*/;
      background-position: 50% 50%;
      background-attachment: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      color: #fff; } }
  .slogan-content h1, .slogan-content h3 {
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: bold;
    margin: 2em auto;
    font-size: 24px; }
    .slogan-content h1:after, .slogan-content h3:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (min-width: 1200px) {
      .slogan-content h1, .slogan-content h3 {
        font-size: 1.8em; } }
  .slogan-content .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2; }

.our-work {
  color: #f6f6f8; }
  .our-work .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .our-work .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  @media screen and (min-width: 768px) {
    .our-work .our-work-elem {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-align: center;
      -webkit-align-items: center; } }
  @media screen and (min-width: 992px) {
    .our-work .owe-img {
      padding: 0 4em; } }
  @media screen and (max-width: 767px) {
    .our-work .owe-img {
      float: none;
      margin: 0 auto; } }
  .our-work .owe-content {
    height: 100%;
    min-height: 200px; }
    .our-work .owe-content p {
      padding-bottom: 15px;
      line-height: 1.5em;
      font-weight: normal;
      font-size: 1em; }
    .our-work .owe-content .list-unstyled li {
      margin-bottom: .4em;
      line-height: 1.3em; }
      .our-work .owe-content .list-unstyled li i {
        display: inline-block;
        font-size: 1.2em;
        float: left;
        padding-top: 5px; }
      .our-work .owe-content .list-unstyled li div {
        display: inline-block;
        line-height: 1.5em; }
      .our-work .owe-content .list-unstyled li p {
        padding: 0 0 10px;
        font-weight: normal; }
    @media screen and (max-width: 992px) {
      .our-work .owe-content .list-unstyled li {
        margin-bottom: .2em;
        line-height: 1.1em; }
        .our-work .owe-content .list-unstyled li i {
          display: inline-block;
          font-size: 1.1em;
          float: left;
          padding-top: 3px; }
        .our-work .owe-content .list-unstyled li div {
          display: inline-block;
          line-height: 1.3em; }
        .our-work .owe-content .list-unstyled li p {
          padding: 0 0 8px;
          font-weight: normal; } }

.testimonials-blockquote {
  background-color: #fefefe;
  color: #232323;
  padding: 20px 0; }
  .testimonials-blockquote .img-block {
    background-image: url("small-map.jpg")/*tpa=https://www.qsdbih.com/main/img/small-map.jpg*/;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 275px;
    text-align: center;
    margin: 0 auto; }
    .testimonials-blockquote .img-block .button {
      margin-top: 7em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .testimonials-blockquote .img-block .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }
  .testimonials-blockquote .info-block {
    margin: 2em auto; }
  .testimonials-blockquote blockquote {
    color: #232323;
    font-weight: 400;
    border-left: none;
    padding-left: 2.5em;
    padding-top: 1em; }
    .testimonials-blockquote blockquote:after {
      content: "\f10d";
      color: #E0DDD7;
      font-family: FontAwesome;
      font-size: 1.4em;
      position: absolute;
      left: 15px;
      top: 0;
      // z-index: -10;
      opacity: .9; }
    @media screen and (min-width: 1200px) {
      .testimonials-blockquote blockquote p {
        font-size: 1.1em;
        font-weight: normal; } }
    .testimonials-blockquote blockquote footer {
      float: right;
      color: #232323;
      opacity: .9; }
      @media screen and (min-width: 1200px) {
        .testimonials-blockquote blockquote footer {
          font-size: 1.1em; } }

.external-cto {
  position: relative;
  display: block;
  color: #fefefe; }
  .external-cto .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .external-cto .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    line-height: 1.6;
    font-weight: bold; }
    .external-cto .title .subtitle {
      display: block;
      font-size: 20px;
      padding-top: .6em;
      font-weight: normal;
      text-transform: none;
      text-align: center; }
    .external-cto .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .external-cto .external-cto-elem {
    margin-bottom: 3em;
    cursor: pointer; }
    .external-cto .external-cto-elem .content {
      display: block;
      background-color: #111c2c;
      color: #32b446;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      padding: 1.5em 1.2em;
      border-bottom: 10px solid #18273f; }
      .external-cto .external-cto-elem .content:hover {
        background-color: #142034;
        text-decoration: none; }
    .external-cto .external-cto-elem .icon {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 15px; }
    .external-cto .external-cto-elem p {
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size: .95em;
      min-height: 42px; }
    .external-cto .external-cto-elem .description {
      font-size: .95em;
      color: #fff;
      text-transform: none;
      font-weight: normal; }
    .external-cto .external-cto-elem .more {
      text-align: center;
      cursor: pointer; }
      .external-cto .external-cto-elem .more:hover {
        color: #32b446; }
    .external-cto .external-cto-elem .more-show, .external-cto .external-cto-elem .more-hide {
      text-align: center;
      text-transform: uppercase;
      border-radius: 15px;
      color: #fff;
      cursor: pointer; }
    .external-cto .external-cto-elem .more-arrow-down, .external-cto .external-cto-elem .more-arrow-up {
      margin: 0 auto;
      font-size: .75em;
      margin-top: 10px; }
  .external-cto .cta {
    text-align: center;
    margin: 0 auto 1em; }
    .external-cto .cta .button {
      margin-top: 1em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .external-cto .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.development-process {
  background-color: #fff;
  color: #232323; }
  .development-process .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .development-process .title .subtitle {
      display: block;
      font-size: 20px;
      padding-top: .6em;
      font-weight: normal;
      text-transform: none; }
    .development-process .title:after {
      display: block;
      position: absolute;
      content: "";
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .development-process .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative; }
  .development-process .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px; }
  .development-process .timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left; }
  .development-process .timeline > li:before,
  .development-process .timeline > li:after {
    content: " ";
    display: table; }
  .development-process .timeline > li:after {
    clear: both; }
  .development-process .timeline > li:before,
  .development-process .timeline > li:after {
    content: " ";
    display: table; }
  .development-process .timeline > li:after {
    clear: both; }
  .development-process .timeline > li > .timeline-panel {
    width: 95%;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
  .development-process .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "; }
  .development-process .timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 15px solid #89c144;
    border-right: 0 solid #89c144;
    border-bottom: 14px solid transparent;
    content: " ";
    // z-index: 999; }
  .development-process .timeline > li > .timeline-badge {
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px; }
  .development-process .timeline > li.timeline-inverted > .timeline-panel {
    float: right; }
  .development-process .timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  .development-process .timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -13px;
    right: auto; }
  .development-process .timeline-badge > a {
    color: #C5C7C5 !important; }
  .development-process .timeline-badge a:hover {
    color: #32b446 !important; }
  .development-process .timeline-heading {
    margin: 0 auto;
    background-color: #89c144;
    padding: 1em 2em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .development-process .timeline-heading img {
      display: inline-block;
      width: 45px;
      height: 45px; }
    .development-process .timeline-heading h3 {
      display: inline-block;
      color: #fff;
      text-transform: uppercase;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-top: 10px;
      margin-left: 10px;
      vertical-align: middle; }
  .development-process .timeline-body {
    border-bottom: 15px solid #f3f3f6;
    border-radius: 5px; }
    .development-process .timeline-body p {
      font-size: 1.1em;
      padding: 1em 2em 1.5em;
      margin-bottom: 0; }
  .development-process .tooltip {
    position: absolute;
    // z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .development-process .tooltip.in {
    /*opacity:0;
    filter:alpha(opacity=80);*/ }
  .development-process .tooltip.top {
    margin-top: -2px; }
  .development-process .tooltip.right {
    margin-left: 2px; }
  .development-process .tooltip.bottom {
    margin-top: 2px; }
  .development-process .tooltip.left {
    margin-left: -2px; }
  .development-process .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .development-process .tooltip.left .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .development-process .tooltip.bottom .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .development-process .tooltip.right .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .development-process .tooltip-inner {
    width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #313131;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
  .development-process .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0; }
  .development-process .timeline > li.timeline-inverted {
    float: right;
    clear: right;
    margin-top: 30px;
    margin-bottom: 30px; }
  .development-process .timeline > li:nth-child(2) {
    margin-top: 60px; }
  .development-process .timeline > li.timeline-inverted > .timeline-badge {
    left: -12px; }
  @media (max-width: 767px) {
    .development-process ul.timeline:before {
      left: 20px; }
    .development-process ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width: 100%;
      float: left;
      clear: left; }
    .development-process ul.timeline > li > .timeline-panel {
      width: calc(100% - 55px);
      width: -moz-calc(100% - 55px);
      width: -webkit-calc(100% - 55px); }
    .development-process ul.timeline > li > .timeline-badge {
      left: 9px;
      margin-left: 0;
      top: 16px; }
    .development-process ul.timeline > li > .timeline-panel {
      float: right; }
    .development-process ul.timeline > li > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto; }
    .development-process ul.timeline > li > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto; }
    .development-process .timeline > li.timeline-inverted {
      float: left;
      clear: left;
      margin-top: 30px;
      margin-bottom: 30px; }
    .development-process .timeline > li.timeline-inverted > .timeline-badge {
      left: 9px; } }
  @media (max-width: 400px) {
    .development-process ul.timeline:before {
      left: 10px; }
    .development-process ul.timeline > li > .timeline-badge {
      left: -1px; }
    .development-process .timeline > li.timeline-inverted > .timeline-badge {
      left: -1px; }
    .development-process ul.timeline > li > .timeline-panel {
      width: calc(100% - 40px);
      width: -moz-calc(100% - 40px);
      width: -webkit-calc(100% - 40px); } }

.five-key-more {
  color: #fefefe; }
  .five-key-more .icon-box img {
    margin: 0 auto;
    width: 80px; }
    @media (max-width: 991px) {
      .five-key-more .icon-box img {
        width: 60px; } }
  .five-key-more .five-key-content {
    display: block;
    clear: both;
    overflow: auto; }
  .five-key-more .col-20-proc {
    width: 20%;
    float: left;
    text-align: center;
    padding: 1em; }
    @media (max-width: 767px) {
      .five-key-more .col-20-proc {
        width: 33.1%;
        margin: 0 auto;
        padding: .5em; } }
    @media (max-width: 530px) {
      .five-key-more .col-20-proc {
        width: 50%;
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .five-key-more .col-20-proc {
        width: 100%;
        margin: 0 auto; } }
    .five-key-more .col-20-proc .content {
      background-color: #111c2c;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      padding: 2em .5em 1em;
      height: 215px; }
      .five-key-more .col-20-proc .content:hover {
        background-color: #142034;
        color: #32b446;
        text-decoration: none; }
      @media (max-width: 991px) {
        .five-key-more .col-20-proc .content {
          height: 170px;
          padding-top: 1em; } }
      @media (max-width: 768px) {
        .five-key-more .col-20-proc .content {
          height: 150px;
          padding-top: 1em; } }
  .five-key-more .offset-2 {
    display: none; }
    @media (min-width: 531px) and (max-width: 767px) {
      .five-key-more .offset-2 {
        width: 16.5%;
        display: block; } }
  .five-key-more .offset-1 {
    display: none; }
    @media (max-width: 530px) {
      .five-key-more .offset-1 {
        width: 25%;
        display: block; } }
  .five-key-more h2 {
    font-size: 1.2em; }
  .five-key-more .cta {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    .five-key-more .cta .button {
      margin: 3em auto 2em;
      font-family: 'Open Sans', sans-serif;
      color: #fff;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .five-key-more .cta .button:hover {
        background-color: #2b9c3d;
        color: #fff; }

.five-key-more .title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  padding-bottom: 2em;
  font-weight: bold; }
  .five-key-more .title:after {
    display: block;
    position: absolute;
    content: "";
    border-bottom: 4px solid #32b446;
    height: 4px;
    width: 50px;
    left: 50%;
    margin-top: .4em;
    margin-left: -25px; }

.technologies {
  background-color: #fefefe; }
  .technologies .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
  .technologies .subtitle {
    display: block;
    font-size: 20px;
    padding-top: .6em;
    font-weight: normal;
    text-transform: none; }
    .technologies .subtitle:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: 10px;
      margin-left: -25px; }
  .technologies .lSSlideOuter .lslide {
    display: flex;
    justify-content: center; }

.top-five {
  background-color: #f6f6f8;
  color: #0c1421;
  padding-bottom: 0; }
  .top-five .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2em;
    font-weight: bold; }
    .top-five .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .top-five .questions-wrapper {
    margin-bottom: 4em;
    padding: 0 6em; }
    @media (max-width: 768px) {
      .top-five .questions-wrapper {
        padding: 0 2em; } }
    @media (max-width: 580px) {
      .top-five .questions-wrapper {
        padding: 0; } }
  .top-five .question-box {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    margin-bottom: 5px;
    overflow: hidden; }
    .top-five .question-box .question-header {
      display: block;
      background-color: #fefefe;
      color: #232323;
      text-decoration: none;
      overflow: hidden;
      padding: 1em 2em; }
    .top-five .question-box .question-body {
      background-color: #efefef;
      padding-bottom: .5em;
      padding-right: 1.5em; }
    .top-five .question-box h3, .top-five .question-box h2 {
      margin: 0;
      line-height: 1.6;
      font-size: 1.2em;
      font-weight: bold; }
      .top-five .question-box h3 i, .top-five .question-box h2 i {
        background-color: #32b446;
        color: #fff;
        font-size: 1.2em;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        text-align: center;
        border-radius: 100%;
        display: inline-block; }
      .top-five .question-box h3 p, .top-five .question-box h2 p {
        border: none;
        display: inline;
        padding: 0.3em 1em 0;
        margin: 0; }
    .top-five .question-box p {
      padding-top: 10px;
      margin-left: 2.6em;
      padding-left: 1em;
      padding-bottom: 15px;
      padding-right: 1em;
      display: block;
      line-height: 1.7;
      border-left: 4px solid #88de95; }
  .top-five .cta {
    text-align: center;
    margin: 0 auto;
    background: url("pattern.png")/*tpa=https://www.qsdbih.com/main/img/icon/pattern.png*/;
    padding: 3em 0 3.2em; }
    .top-five .cta .box {
      padding: 1.4em 3.5em;
      background-color: rgba(255, 255, 240, 0.6);
      display: inline-block;
      border-radius: 5px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.2); }
    .top-five .cta h2 {
      display: inline-block;
      vertical-align: middle;
      font-weight: bold;
      color: #232323;
      text-transform: uppercase;
      margin-top: 10px;
      font-size: 28px; }
    .top-five .cta .button {
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: .9em;
      margin-left: 20px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .top-five .cta .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }
      @media (max-width: 565px) {
        .top-five .cta .button {
          margin-left: 0; } }

.how-it-works {
  background-color: #111c2c;
  color: #fefefe; }
  .how-it-works .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 2.8em;
    font-weight: bold; }
  .how-it-works .title:after {
    display: block;
    position: absolute;
    content: "";
    border-bottom: 4px solid #32b446;
    height: 4px;
    width: 50px;
    left: 50%;
    margin-top: .4em;
    margin-left: -25px; }
  .how-it-works .scrum-img {
    margin: 0 auto; }
  .how-it-works .scrum {
    margin-bottom: 1em; }
  .how-it-works .list-cta {
    margin: 60px auto 0; }
    .how-it-works .list-cta li {
      font-size: 1.2em;
      margin: auto auto 1.3em;
      line-height: 1.3em; }
    .how-it-works .list-cta li i {
      font-size: 1.1em;
      padding-top: 4px;
      text-align: right;
      color: #32b446;
      opacity: 0.6; }
    .how-it-works .list-cta li span {
      line-height: 1.5em; }
    .how-it-works .list-cta h2 {
      margin-top: 10px;
      font-size: 23px;
      padding-bottom: 40px;
      text-align: center; }
    .how-it-works .list-cta h3 {
      padding-top: 30px;
      text-align: center;
      font-size: 25px;
      text-transform: uppercase; }
      .how-it-works .list-cta h3 a {
        color: #32b446; }
  .how-it-works iframe {
    width: 60vw;
    height: 35vw;
    margin: 0 auto;
    display: block; }

.clients-testimonials {
  background-color: #fefefe;
  color: #232323; }
  .clients-testimonials h1 {
    text-align: center;
    line-height: 1.6;
    font-size: 22px; }
  .clients-testimonials .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative; }
  .clients-testimonials .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    margin-left: -1.5px;
    left: 90px; }
    @media screen and (max-width: 767px) {
      .clients-testimonials .timeline:before {
        left: 70px; } }
    @media screen and (max-width: 560px) {
      .clients-testimonials .timeline:before {
        left: 50px; } }
  .clients-testimonials .timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
  .clients-testimonials .timeline > li:before,
  .clients-testimonials .timeline > li:after {
    content: " ";
    display: table; }
  .clients-testimonials .timeline > li:after {
    clear: both; }
  .clients-testimonials .timeline > li:before,
  .clients-testimonials .timeline > li:after {
    content: " ";
    display: table; }
  .clients-testimonials .timeline > li:after {
    clear: both; }
  .clients-testimonials .timeline > li > .timeline-panel {
    float: left;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    width: calc(90% - 90px);
    width: -moz-calc(90% - 90px);
    width: -webkit-calc(90% - 90px);
    float: right; }
    @media screen and (max-width: 560px) {
      .clients-testimonials .timeline > li > .timeline-panel {
        width: calc(90% - 70px);
        width: -moz-calc(90% - 70px);
        width: -webkit-calc(90% - 70px); } }
    @media screen and (max-width: 480px) {
      .clients-testimonials .timeline > li > .timeline-panel {
        width: 95%;
        margin-top: 100px; } }
  .clients-testimonials .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 60px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #32b446;
    border-right: 0 solid #32b446;
    border-bottom: 15px solid transparent;
    content: " ";
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
    @media screen and (max-width: 991px) {
      .clients-testimonials .timeline > li > .timeline-panel:before {
        top: 45px; } }
    @media screen and (max-width: 560px) {
      .clients-testimonials .timeline > li > .timeline-panel:before {
        top: 35px; } }
    @media screen and (max-width: 480px) {
      .clients-testimonials .timeline > li > .timeline-panel:before {
        display: none; } }
  .clients-testimonials .timeline-body {
    border-bottom: 15px solid #f3f3f6;
    padding-bottom: 1em;
    border-radius: 5px; }
    .clients-testimonials .timeline-body p {
      font-size: 1.1em;
      padding: 1em 2em 1.5em;
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .clients-testimonials .timeline-body p {
          padding: 2em 1em 1.5em; } }
    .clients-testimonials .timeline-body blockquote {
      position: relative;
      display: block;
      font-size: 1em;
      padding: 2em 2em 15px;
      border: none;
      line-height: 1.6; }
      @media screen and (max-width: 1200px) {
        .clients-testimonials .timeline-body blockquote {
          font-size: 1.1em; } }
      @media screen and (max-width: 480px) {
        .clients-testimonials .timeline-body blockquote {
          padding-top: 2em; } }
      .clients-testimonials .timeline-body blockquote:after {
        content: "\f10d";
        color: #E0DDD7;
        font-family: FontAwesome;
        font-size: 2em;
        position: absolute;
        left: 30px;
        top: 10px; }
      .clients-testimonials .timeline-body blockquote p {
        padding-bottom: 1em;
        text-align: center; }
      .clients-testimonials .timeline-body blockquote footer {
        padding-top: 0;
        padding-bottom: 0;
        background-color: initial;
        float: right; }
        @media screen and (max-width: 1200px) {
          .clients-testimonials .timeline-body blockquote footer {
            font-size: .9em; } }
    .clients-testimonials .timeline-body .ranking-stars-box {
      width: 100%;
      margin: 0 auto;
      display: inline-block;
      text-align: center;
      color: #a0a7aa;
      font-size: 1.2em;
      opacity: .7;
      color: #ffc107; }
      .clients-testimonials .timeline-body .ranking-stars-box .value {
        font-weight: bold;
        color: #a0a7aa; }
  .clients-testimonials .brand-img {
    width: 150px;
    height: 150px;
    position: absolute;
    border: 5px solid #f6f6f8;
    border-radius: 100%;
    overflow: hidden;
    left: -190px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    background-color: #fff; }
    @media screen and (max-width: 1199px) {
      .clients-testimonials .brand-img {
        left: -170px; } }
    @media screen and (max-width: 991px) {
      .clients-testimonials .brand-img {
        left: -140px;
        width: 120px;
        height: 120px; } }
    @media screen and (max-width: 560px) {
      .clients-testimonials .brand-img {
        left: -125px;
        width: 100px;
        height: 100px; } }
    @media screen and (max-width: 480px) {
      .clients-testimonials .brand-img {
        left: 35%;
        top: -80px; } }
    .clients-testimonials .brand-img img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%; }
  .clients-testimonials .tooltip {
    position: absolute;
    // z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .clients-testimonials .tooltip.in {
    /*opacity:0;
    filter:alpha(opacity=80);*/ }
  .clients-testimonials .tooltip.top {
    margin-top: -2px; }
  .clients-testimonials .tooltip.right {
    margin-left: 2px; }
  .clients-testimonials .tooltip.bottom {
    margin-top: 2px; }
  .clients-testimonials .tooltip.left {
    margin-left: -2px; }
  .clients-testimonials .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .clients-testimonials .tooltip.left .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .clients-testimonials .tooltip.bottom .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .clients-testimonials .tooltip.right .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .clients-testimonials .tooltip-inner {
    width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #313131;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
  .clients-testimonials .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0; }
  .clients-testimonials .button-more {
    text-align: center;
    margin: 0 auto;
    // z-index: 99;
    position: relative; }
    .clients-testimonials .button-more .button {
      margin: 3em auto 2em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .clients-testimonials .button-more .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.call-to-action {
  background-color: #111c2c;
  color: #fdfdfd; }
  @media screen and (max-width: 560px) {
    .call-to-action {
      display: none !important; } }
  @media screen and (max-width: 640px) and (orientation: landscape) {
    .call-to-action {
      display: none !important; } }
  .call-to-action .cta-content {
    padding: .5em;
    text-align: center; }
    .call-to-action .cta-content h1 {
      font-size: 24px; }
    .call-to-action .cta-content h3 {
      margin-top: 5px;
      font-weight: bold;
      font-size: 1.1em;
      text-transform: uppercase; }
    .call-to-action .cta-content p, .call-to-action .cta-content a {
      display: inline-block;
      font-weight: bold; }
    .call-to-action .cta-content p {
      font-size: 1.1em; }
    .call-to-action .cta-content a {
      font-family: 'Open Sans', sans-serif;
      color: #fdfdfd;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      padding: .2em 1.2em;
      font-size: .9em;
      margin-left: 10px; }
      .call-to-action .cta-content a:hover {
        background-color: #2b9c3d;
        color: #fdfdfd; }

.achivements {
  position: relative;
  display: block;
  color: #fdfdfd;
  background-color: #111c2c; }
  .achivements .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("asfalt.png")/*tpa=https://www.qsdbih.com/main/img/asfalt.png*/;
    background-repeat: repeat;
    background-color: rgba(12, 20, 33, 0.6);
    // z-index: 2;
    opacity: .2; }
  .achivements .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 1em;
    font-weight: bold; }
    .achivements .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .achivements .trophy {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 3em;
    background-color: #142034;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media screen and (max-width: 991px) {
      .achivements .trophy {
        max-width: 500px; } }
    .achivements .trophy:before {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      bottom: 0;
      margin-left: -25px; }
    .achivements .trophy .aside-no1 {
      margin: 0 auto;
      position: absolute;
      top: 15px;
      left: 0;
      right: 0; }
    .achivements .trophy .clutch-no1 {
      margin: 0 auto;
      position: absolute;
      top: 15px;
      left: 0;
      right: 0; }
    .achivements .trophy .img {
      min-height: 130px;
      position: relative;
      width: 60%;
      margin: 0 auto 15px; }
      @media screen and (max-width: 991px) {
        .achivements .trophy .img {
          margin-top: 1em; } }
      @media screen and (max-width: 480px) {
        .achivements .trophy .img {
          width: 100%; } }
    .achivements .trophy .clutch-elem {
      width: 70%;
      margin-top: 2em; }
      @media screen and (max-width: 991px) {
        .achivements .trophy .clutch-elem {
          margin-top: 3em; } }
      @media screen and (max-width: 480px) {
        .achivements .trophy .clutch-elem {
          width: 100%; } }
    .achivements .trophy img {
      margin: 0 auto;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .achivements .trophy p {
      color: #e1e1e1;
      font-size: 1em;
      padding-bottom: 10px; }
      .achivements .trophy p span {
        display: block;
        font-size: 1.3em;
        font-weight: bold; }
  .achivements .center-elem {
    padding-top: 1em; }
  .achivements .aside {
    padding-top: 1.2em;
    margin-top: 1em; }
  .achivements .brand-achive {
    margin: 4em auto 0em; }
  .achivements .thophy-bottom-box {
    background-color: #111c2c;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 75%;
    padding: 2em 3em 2em;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    @media screen and (max-width: 992px) {
      .achivements .thophy-bottom-box {
        width: 95%; } }
    .achivements .thophy-bottom-box:before {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      top: 0;
      margin-left: -25px; }

.slider-section {
  background-color: #eeeeee; }
  .slider-section .title {
    color: #4b535a;
    opacity: 0.8;
    padding-bottom: 40px;
    padding-top: 20px;
    font-weight: 600; }
  .slider-section .lSSlideOuter {
    background-color: #fafafa;
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
    .slider-section .lSSlideOuter .lSAction .lSPrev {
      background-image: url(left_chevron.png)/*tpa=https://www.qsdbih.com/main/img/portfolio/slider/left_chevron.png*/;
      background-repeat: no-repeat;
      background-size: contain;
      left: 20px; }
    .slider-section .lSSlideOuter .lSAction .lSNext {
      background-image: url(right_chevron.png)/*tpa=https://www.qsdbih.com/main/img/portfolio/slider/right_chevron.png*/;
      background-repeat: no-repeat;
      background-size: contain;
      right: 20px; }
    .slider-section .lSSlideOuter .lSPager.lSpg {
      position: relative;
      top: -35px; }
      .slider-section .lSSlideOuter .lSPager.lSpg .active a {
        background-color: #222; }
      .slider-section .lSSlideOuter .lSPager.lSpg li a {
        background-color: #aaaaaa;
        height: 12px;
        width: 12px; }
        .slider-section .lSSlideOuter .lSPager.lSpg li a:hover {
          background-color: #222; }
  .slider-section .portfolio-slider {
    background-color: #fafafa;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
    .slider-section .portfolio-slider .content {
      margin: 20px;
      padding: 70px;
      padding-left: 100px;
      padding-right: 100px;
      background: #f5f5f5; }
      .slider-section .portfolio-slider .content .hdef {
        font-size: 29px; }
      .slider-section .portfolio-slider .content .app-logo {
        opacity: 0.85;
        padding-left: 10px;
        padding-top: 20px; }
      .slider-section .portfolio-slider .content h2 {
        color: #4b535a;
        padding-left: 10px;
        padding-bottom: 5px; }
        .slider-section .portfolio-slider .content h2 span {
          font-weight: 700; }
        .slider-section .portfolio-slider .content h2 img {
          width: 12%;
          position: relative;
          top: -4px;
          left: -10px; }
      .slider-section .portfolio-slider .content h4 {
        color: #4b535a;
        padding-top: 10px;
        padding-bottom: 30px; }
        .slider-section .portfolio-slider .content h4 span {
          font-weight: 700; }
        .slider-section .portfolio-slider .content h4 img {
          position: relative;
          top: -1px;
          left: 5px;
          width: 6%; }
      .slider-section .portfolio-slider .content p {
        color: #4b535a;
        font-size: 15px;
        line-height: 1.7; }
      .slider-section .portfolio-slider .content ul {
        list-style: none;
        padding: 0;
        padding-top: 25px; }
        .slider-section .portfolio-slider .content ul li {
          display: inline-block;
          padding-right: 10px; }

.grid-section {
  background-color: #eeeeee;
  padding-top: 50px; }
  .grid-section .title-row {
    padding-bottom: 120px;
    padding-top: 50px; }
    .grid-section .title-row h1 {
      text-transform: uppercase;
      text-align: center; }
  .grid-section .blank-square-all {
    display: none; }
  .grid-section .blank-square-all-2 {
    display: none; }
  .grid-section .list-row ul {
    padding-left: 5px;
    padding-bottom: 15px;
    list-style: none;
    margin-left: -10px; }
    .grid-section .list-row ul li {
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      color: #000000; }
      .grid-section .list-row ul li:hover {
        cursor: pointer; }
    .grid-section .list-row ul li:nth-child(2n) {
      padding-left: 10px;
      padding-right: 10px;
      border-left: 2px solid #bebebe;
      border-right: 2px solid #bebebe; }
  .grid-section .filtr-container {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
    .grid-section .filtr-container a {
      color: #333333; }
  .grid-section .grid-work-item {
    padding: 0; }
    .grid-section .grid-work-item .blank-app {
      text-align: center; }
      .grid-section .grid-work-item .blank-app span {
        color: #ff3366;
        opacity: 0.25;
        font-weight: bold;
        position: absolute;
        font-size: 270px;
        text-align: center;
        top: -20px;
        left: 140px; }
      .grid-section .grid-work-item .blank-app h1 {
        font-size: 36px;
        padding-top: 16px;
        margin-top: 100px;
        line-height: 1.2; }
    .grid-section .grid-work-item .part-visible-mobile .mask {
      transform: translate(0%, 0%);
      cursor: pointer; }
    .grid-section .grid-work-item .mask:hover {
      transform: translate(0%, 0%);
      cursor: pointer; }
    .grid-section .grid-work-item .mask {
      transition: .6s all;
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: 120%;
      transform: translate(0%, 15%); }
      .grid-section .grid-work-item .mask .content {
        background-color: rgba(50, 180, 70, 0.8);
        position: absolute;
        width: 100%;
        bottom: 0; }
        .grid-section .grid-work-item .mask .content ul {
          list-style: none;
          text-align: center;
          padding: 0;
          margin: 0;
          padding-top: 3px;
          padding-bottom: 3px; }
          .grid-section .grid-work-item .mask .content ul li {
            display: inline-block; }
            .grid-section .grid-work-item .mask .content ul li h5, .grid-section .grid-work-item .mask .content ul li p.see-more {
              margin-top: 10px;
              color: #fefefe;
              font-size: 16px;
              line-height: 1.1; }
            .grid-section .grid-work-item .mask .content ul li img {
              position: relative;
              top: 5px;
              left: 5px;
              width: 80%; }
    .grid-section .grid-work-item .grid_logo {
      transform: translate(-50%, -450%) !important; }
    .grid-section .grid-work-item .grid_hover {
      transform: translate(-55%, 30%) !important; }
    .grid-section .grid-work-item .grid_hover_projekt_u {
      transform: translate(-40%, 0%) !important; }
    .grid-section .grid-work-item .grid_hover_2_height {
      transform: translate(-55%, 70%) !important; }
    .grid-section .grid-work-item .grid_hover_2_height_game {
      transform: translate(-55%, 50%) !important; }
    .grid-section .grid-work-item .grid_hover_2_width {
      transform: translate(17%, 25%) !important; }
    .grid-section .grid-work-item .grid_hover_logo_credit {
      transform: translate(27%, 137%) !important; }
    .grid-section .grid-work-item .grid_hover_logo_roche {
      transform: translate(27%, 90%) !important; }
    .grid-section .grid-work-item .grid_hover_logo_cola {
      transform: translate(27%, 100%) !important; }
    .grid-section .grid-work-item .grid_hover_logo_parkley {
      transform: translate(30%, 40%) !important; }
    .grid-section .grid-work-item .grid-wrapper-item {
      border: 1px solid #b1b0b0;
      border-right: 0;
      border-bottom: 0;
      background-color: #fafafa;
      transition: .3s all;
      height: 340px;
      overflow: hidden;
      position: relative !important; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_logo {
        position: absolute;
        transition: 2s all;
        opacity: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .grid-section .grid-work-item .grid-wrapper-item h2 {
        padding-top: 0;
        line-height: 1.1em;
        margin-top: 0; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover {
        transition: 2s all;
        transform: translate(-55%, 150%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover img {
          max-width: 150%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content {
          position: absolute;
          width: 100%;
          left: 220px;
          top: -100px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h2 {
            font-weight: 600;
            font-size: 23px;
            text-align: left;
            margin-top: 13px;
            margin-left: 5px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content .hdef-title {
            margin-top: 0; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
        transition: 2s all;
        transform: translate(-40%, 100%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u img {
          max-width: 150%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
          position: absolute;
          width: 100%;
          left: 165px;
          top: 40px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h2 {
            font-weight: 600;
            font-size: 23px;
            text-align: left;
            margin-top: 13px;
            margin-left: 5px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
        transition: 2s all;
        transform: translate(27%, 450%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
          position: absolute;
          width: 100%;
          left: -204px;
          top: 112px;
          opacity: 0.6; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content h2 {
            font-weight: 600;
            font-size: 14px;
            text-align: left;
            margin-top: 13px;
            margin-left: 5px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
        transition: 2s all;
        transform: translate(27%, 450%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
          position: absolute;
          width: 100%;
          left: -100px;
          top: 130px;
          opacity: 0.6; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content h2 {
            font-weight: 600;
            font-size: 14px;
            text-align: center;
            margin-top: 13px;
            margin-left: 5px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
        transition: 2s all;
        transform: translate(27%, 450%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
          position: absolute;
          width: 100%;
          left: -200px;
          top: 150px;
          opacity: 0.6; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content h2 {
            font-weight: 600;
            font-size: 14px;
            text-align: center;
            margin-top: 13px;
            margin-left: 5px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
        transition: 2s all;
        transform: translate(30%, 450%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
          position: absolute;
          width: 100%;
          left: -115px;
          top: 150px;
          opacity: 0.6; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content h2 {
            font-weight: 600;
            font-size: 14px;
            margin-top: 13px;
            margin-left: 5px;
            text-align: center; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
        transition: 2s all;
        transform: translate(-55%, 300%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height img {
          max-width: 150%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
          position: absolute;
          width: 100%;
          left: 220px;
          top: -200px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h2 {
            font-weight: 600;
            font-size: 25px;
            text-align: left;
            margin-top: 10px;
            margin-left: 10px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game {
        transition: 2s all;
        transform: translate(-55%, 300%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game img {
          max-width: 150%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
          position: absolute;
          width: 100%;
          left: 220px;
          top: -195px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h2 {
            font-weight: 600;
            font-size: 23px;
            text-align: left;
            margin-top: 13px;
            margin-left: 5px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width {
        transition: 2s all;
        transform: translate(17%, 210%); }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width img {
          max-width: 80%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content {
          position: absolute;
          width: 100%;
          left: -115px;
          top: -85px; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content img {
            max-width: 52%; }
          .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h2 {
            font-weight: 600;
            font-size: 23px;
            text-align: left;
            margin-top: 13px;
            margin-left: -55px; }
    .grid-section .grid-work-item .double-height {
      height: 680px; }
  .grid-section .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 1em;
    font-weight: bold; }
    .grid-section .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .grid-section .portfolio {
    position: relative;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    margin: 2em 0;
    border-radius: 3px;
    padding: 2em 2em; }
    @media (min-width: 721px) and (max-width: 992px) {
      .grid-section .portfolio {
        padding: 50px 30px 30px; } }
    @media (min-width: 521px) and (max-width: 720px) {
      .grid-section .portfolio {
        padding: 100px 0px 30px; } }
    @media (min-width: 481px) and (max-width: 520px) {
      .grid-section .portfolio {
        padding: 180px 0px 30px;
        margin: 1em 0; } }
    @media (max-width: 480px) {
      .grid-section .portfolio {
        padding: 200px 0px 30px;
        margin: 1em 0; } }
    .grid-section .portfolio .portfolio-content {
      float: none; }
    .grid-section .portfolio h2 {
      color: #fefefe;
      text-transform: capitalize;
      font-variant: small-caps;
      font-weight: bold;
      font-size: 3.2em;
      padding-bottom: .5em; }
      .grid-section .portfolio h2:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #fefefe;
        height: 5px;
        width: 80px;
        margin-top: .2em;
        margin-bottom: .4em; }
    .grid-section .portfolio .content {
      color: #fefefe;
      line-height: 1.4em;
      font-size: .95em;
      margin-bottom: 5px; }
    .grid-section .portfolio .full {
      font-size: .85em; }
      @media screen and (min-width: 481px) and (max-width: 1200px) {
        .grid-section .portfolio .full {
          font-size: 1em; } }
      @media screen and (max-width: 480px) {
        .grid-section .portfolio .full {
          font-size: 1.1em; } }
    .grid-section .portfolio .button {
      display: inline-block;
      margin: 0 auto;
      margin-top: 2rem;
      font-family: 'Open Sans', sans-serif;
      background-color: #fefefe;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      font-weight: bold;
      padding: 1.1em 1.3em;
      transition: all 0.1s ease-in-out;
      padding: .3em 4em;
      font-size: .8em; }
      .grid-section .portfolio .button:hover {
        transform: scale(0.95); }
      .grid-section .portfolio .button .more-arrow {
        font-size: 1.4em; }

@media screen and (max-width: 1199px) {
  .grid-section .filtr-container {
    margin: 0 auto; }
  .grid-section .blank-square-all {
    display: none; }
  .grid-section .blank-square-all-2 {
    display: block; }
  .grid-section .grid-work-item .double-height {
    height: 340px; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-50%, 40%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-40%, -2%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_cola {
    transform: translate(23%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(19%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(23%, 137%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_parkley {
    transform: translate(30%, 40%) !important; }
  .grid-section .grid-work-item .grid_hover_2_height_game {
    transform: translate(-55%, 29%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content .hdef {
    margin-top: -2px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
    left: 180px;
    top: -90px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3 {
      margin-top: 8px;
      margin-left: 0px;
      font-size: 20px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content img {
      max-width: 180%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content {
    left: -100px;
    top: -80px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3 {
      margin-top: 7px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
    transform: translate(-50%, 200%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
      left: 165px;
      top: -85px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content img {
        max-width: 180%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3 {
        margin-left: 10px;
        font-size: 20px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
    transform: translate(-40%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
      left: 130px;
      top: 30px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3 {
        margin-left: 10px;
        margin-top: 10px;
        font-size: 20px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content img {
        max-width: 180%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
    transform: translate(23%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
      left: -150px;
      top: 140px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
    transform: translate(19%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
      left: -65px;
      top: 140px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
    transform: translate(23%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
      left: -144px;
      top: 116px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
    transform: translate(30%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
      left: -100px;
      top: 170px; }
  .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
    left: 110px; } }

@media screen and (max-width: 991px) {
  .slider-section {
    display: none; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-42%, 35%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-40%, 1%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(24%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(26%, 137%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content {
    left: 210px;
    top: -100px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3 {
      font-weight: 600;
      font-size: 20px;
      text-align: left;
      margin-top: 13px;
      margin-left: 5px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
    transform: translate(-42%, 200%); }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
    transform: translate(-40%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
      left: 155px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
    left: -180px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
    transform: translate(24%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
      left: -85px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
    left: 210px;
    top: -100px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3 {
      margin-top: 15px;
      margin-left: 10px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
    transform: translate(26%, 450%); }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
    left: -110px; }
  .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
    left: 135px; } }

@media screen and (max-width: 767px) {
  .grid-section .blank-square-all-2 {
    display: none; }
  .slider-section .portfolio-slider .content {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px; }
  .slider-section .lSSlideOuter .lSAction .lSPrev {
    display: none; }
  .slider-section .lSSlideOuter .lSAction .lSNext {
    display: none; }
  .grid-section .filtr-container {
    width: 600px;
    margin: 0 auto; }
  .grid-section .blank-square-all {
    display: none; }
  .grid-section .grid-work-item .double-height {
    height: 340px; }
  .grid-section .grid-work-item .grid_hover, .grid-section .grid-work-item .grid_hover_2_width, .grid-section .grid-work-item .grid_hover_2_height_game {
    transform: translate(-15%, 20%) !important; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-9%, 20%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-5%, -10%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_cola {
    transform: translate(23%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(33%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(20%, 137%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_parkley {
    transform: translate(40%, 40%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game {
    transform: translate(-15%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
      left: 100px;
      top: -85px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content img {
        max-width: 70%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h2, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h2, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h2 {
        margin-top: 12px;
        margin-left: -10px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
    transform: translate(-9%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
      left: 65px;
      top: -55px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content img {
        max-width: 70%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3 {
        margin-left: -30px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
    transform: translate(-5%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
      left: 45px;
      top: 95px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content img {
        max-width: 70%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3 {
        margin-left: -30px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
    transform: translate(23%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
      left: -150px;
      top: 140px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
    transform: translate(33%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
      left: -200px;
      top: 140px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
    transform: translate(20%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
      left: -119px;
      top: 103px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
    transform: translate(40%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
      left: -235px;
      top: 150px; }
  .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
    left: 250px; } }

@media screen and (max-width: 630px) {
  .grid-section .list-row {
    display: flex;
    justify-content: center; }
    .grid-section .list-row ul {
      padding-left: 0;
      margin-left: 20px; }
  .grid-section .filtr-container {
    width: 450px;
    margin: 0 auto; }
  .grid-section .grid-work-item .double-height {
    height: 340px; }
  .grid-section .grid-work-item .grid_hover, .grid-section .grid-work-item .grid_hover_2_width, .grid-section .grid-work-item .grid_hover_2_height_game {
    transform: translate(-15%, 30%) !important; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-9%, 35%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-5%, 0) !important; }
  .grid-section .grid-work-item .grid_hover_logo_cola {
    transform: translate(13%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(28%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(10%, 137%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_parkley {
    transform: translate(35%, 40%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game {
    transform: translate(-15%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
      left: 80px;
      top: -95px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content img {
        max-width: 90%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3 {
        margin-top: 10px;
        margin-left: -15px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
    transform: translate(-9%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
      left: 55px;
      top: -75px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content img {
        max-width: 90%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3 {
        margin-left: -15px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
    transform: translate(-5%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u img {
      max-width: 110%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
      left: 35px;
      top: 30px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content img {
        max-width: 90%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3 {
        margin-left: -30px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
    transform: translate(13%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
      left: -70px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
    transform: translate(28%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
      left: -132px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
    transform: translate(10%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
      left: -44px;
      top: 100px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
    transform: translate(35%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
      left: -170px; }
  .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
    left: 180px; } }

@media screen and (max-width: 600px) {
  .slider-section .portfolio-slider .content {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0; }
    .slider-section .portfolio-slider .content ul {
      margin-bottom: 60px; } }

@media screen and (max-width: 535px) {
  body {
    overflow-x: hidden; }
  .grid-section .list-row {
    display: block; }
    .grid-section .list-row ul {
      width: 150%;
      padding-bottom: 30px; } }

@media screen and (max-width: 480px) {
  .grid-section .filtr-container {
    width: 350px;
    margin: 0 auto; }
  .grid-section .grid-work-item .double-height {
    height: 340px; }
  .grid-section .grid-work-item .grid_hover, .grid-section .grid-work-item .grid_hover_2_width, .grid-section .grid-work-item .grid_hover_2_height_game {
    transform: translate(-35%, 30%) !important; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-27%, 27%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-25%, 0) !important; }
  .grid-section .grid-work-item .grid_hover_logo_cola {
    transform: translate(12%, 130%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(23%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(10%, 197%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_parkley {
    transform: translate(32%, 45%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game {
    transform: translate(-35%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game img {
      max-width: 130%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
      left: 125px;
      top: -93px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content img {
        max-width: 120%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3 {
        margin-top: 8px;
        margin-left: -10px;
        font-size: 17px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
    transform: translate(-27%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height img {
      max-width: 130%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
      left: 95px;
      top: -55px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content img {
        max-width: 120%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3 {
        margin-left: -15px;
        font-size: 17px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
    transform: translate(-25%, 150%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u img {
      max-width: 130%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
      left: 95px;
      top: 25px; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content img {
        max-width: 120%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3 {
        margin-left: -10px;
        margin-top: 8px;
        font-size: 17px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_logo_cola {
    max-width: 80%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
    transform: translate(12%, 450%);
    max-width: 80%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
      left: -4px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_logo_click {
    max-width: 80%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_logo_gannet {
    max-width: 60%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
    transform: translate(23%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
      left: -85px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_logo_game {
    max-width: 50%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_logo_credit {
    width: 80%; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
    transform: translate(10%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
      left: -35px;
      top: 97px; }
  .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
    transform: translate(32%, 450%); }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
      left: -120px; }
  .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
    left: 130px; } }

@media screen and (max-width: 400px) {
  .grid-section .list-row {
    display: block; }
    .grid-section .list-row ul {
      margin-left: 10px; }
  .slider-section .portfolio-slider .content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0; }
    .slider-section .portfolio-slider .content ul {
      margin-bottom: 40px; } }

@media screen and (max-width: 370px) {
  .grid-section .filtr-container {
    width: 290px;
    margin: 0 auto; }
  .grid-section .grid-work-item .double-height {
    height: 300px; }
  .grid-section .grid-work-item .grid_logo {
    transform: translate(-50%, -500%) !important; }
  .grid-section .grid-work-item .grid_hover, .grid-section .grid-work-item .grid_hover_2_width, .grid-section .grid-work-item .grid_hover_2_height_game {
    transform: translate(-35%, 30%) !important; }
  .grid-section .grid-work-item .grid_hover_2_height {
    transform: translate(-27%, 35%) !important; }
  .grid-section .grid-work-item .grid_hover_projekt_u {
    transform: translate(-25%, 0) !important; }
  .grid-section .grid-work-item .grid_hover_logo_cola {
    transform: translate(12%, 130%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_roche {
    transform: translate(16%, 100%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_credit {
    transform: translate(10%, 197%) !important; }
  .grid-section .grid-work-item .grid_hover_logo_parkley {
    transform: translate(28%, 35%) !important; }
  .grid-section .grid-work-item .grid-wrapper-item {
    height: 300px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_travel {
      max-width: 70%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game {
      transform: translate(-35%, 150%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game img {
        max-width: 130%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content {
        left: 105px;
        top: -75px; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content img, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content img {
          max-width: 180%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_width .content h3, .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height_game .content h3 {
          margin-top: 9px;
          margin-left: 0;
          font-size: 15px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height {
      transform: translate(-27%, 200%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height img {
        max-width: 130%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content {
        left: 85px;
        top: -55px; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content img {
          max-width: 180%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_2_height .content h3 {
          margin-left: -5px;
          font-size: 15px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u {
      transform: translate(-25%, 150%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u img {
        max-width: 130%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content {
        left: 78px;
        top: 25px; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content img {
          max-width: 180%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_projekt_u .content h3 {
          margin-left: 0;
          margin-top: 8px;
          font-size: 15px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola {
      transform: translate(12%, 450%);
      max-width: 80%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_cola .content {
        left: -4px;
        top: 100px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_click {
      max-width: 80%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_gannet {
      max-width: 60%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche {
      transform: translate(16%, 450%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_roche .content {
        left: -23px;
        width: 80%;
        top: 120px; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_zamel {
      width: 70%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_credit {
      width: 60%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit {
      transform: translate(10%, 550%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit img {
        max-width: 80%; }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content {
        left: 8px;
        top: 78px;
        width: 80%; }
        .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_credit .content h3 {
          text-align: center; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_logo_gkn {
      width: 50%; }
    .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley {
      transform: translate(28%, 450%); }
      .grid-section .grid-work-item .grid-wrapper-item .grid_hover_logo_parkley .content {
        left: -60px;
        width: 80%; }
    .grid-section .grid-work-item .grid-wrapper-item .blank-app h1 {
      font-size: 34px;
      padding-top: 0; }
    .grid-section .grid-work-item .grid-wrapper-item .blank-app span {
      left: 100px;
      top: -30px;
      font-size: 260px; } }

@media screen and (max-width: 327px) {
  .grid-section .list-row ul {
    padding-bottom: 10px;
    margin-left: 0;
    line-height: 2; } }

@media screen and (max-width: 319px) {
  .filtr-container {
    margin-left: -10px !important; } }

.call-to-action .portfolio-cta {
  height: 5px; }

.blog {
  background-color: #f6f6f8;
  padding: 0;
  margin-bottom: -20px; }

.single-blog {
  background-color: #f6f6f8;
  padding: 20px 0 50px; }

.blog-news {
  margin: 4em auto;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  background-color: #fefefe;
  position: relative; }
  .blog-news .title {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 5px;
    color: #232323;
    text-transform: uppercase;
    padding-bottom: 1em;
    color: #232323;
    font-weight: bold;
    position: relative; }
    @media (max-width: 480px) {
      .blog-news .title {
        font-size: 20px; } }
    .blog-news .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 3px solid #32b446;
      height: 4px;
      width: 50px;
      left: 0;
      margin-left: 0px;
      margin-top: .4em; }
  .blog-news .content {
    position: relative; }
    @media screen and (min-width: 992px) {
      .blog-news .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center; } }
  .blog-news .img-article {
    padding: 0; }
  .blog-news .text-article {
    padding: 2em 3em;
    display: block; }
    .blog-news .text-article .data-info {
      text-transform: uppercase;
      color: #a0a7aa;
      font-size: .8em;
      font-weight: bold; }
      .blog-news .text-article .data-info i {
        margin-right: 5px; }
      .blog-news .text-article .data-info span {
        margin-right: 5px; }
    .blog-news .text-article p {
      font-size: 1em;
      line-height: 1.5; }
  .blog-news .more .button {
    font-family: 'Open Sans', sans-serif;
    color: #fdfdfd;
    background-color: #32b446;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    font-size: .8em;
    padding: .4em 1.6em;
    margin-top: 1em; }
    .blog-news .more .button:hover {
      background-color: #2b9c3d;
      color: #fdfdfd; }

.blog-news-1 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-1.jpg")/*tpa=https://www.qsdbih.com/main/img/post-1.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-1 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-1 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-1 .img-article .img-box {
      min-height: 150px; } }

.blog-news-2 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-2.jpg")/*tpa=https://www.qsdbih.com/main/img/post-2.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-2 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-2 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-2 .img-article .img-box {
      min-height: 150px; } }

.blog-news-3 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-3.jpg")/*tpa=https://www.qsdbih.com/main/img/post-3.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-3 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-3 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-3 .img-article .img-box {
      min-height: 150px; } }

.blog-news-4 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-4.jpg")/*tpa=https://www.qsdbih.com/main/img/post-4.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-4 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-4 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-4 .img-article .img-box {
      min-height: 150px; } }

.blog-news-5 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-5.jpg")/*tpa=https://www.qsdbih.com/main/img/post-5.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-5 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-5 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-5 .img-article .img-box {
      min-height: 150px; } }

.blog-news-6 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-6.jpg")/*tpa=https://www.qsdbih.com/main/img/post-6.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-6 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-6 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-6 .img-article .img-box {
      min-height: 150px; } }

.blog-news-7 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-7.jpg")/*tpa=https://www.qsdbih.com/main/img/post-7.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-7 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-7 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-7 .img-article .img-box {
      min-height: 150px; } }

.film-row .video-section {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 10px; }

.film-row object a:focus {
  outline: none; }

.film-row object img {
  width: 70%;
  margin-left: 15%;
  transition: 0.3s all; }

.blog-news-8 .img-article .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("post-8.jpg")/*tpa=https://www.qsdbih.com/main/img/post-8.jpg*/;
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 992px) {
    .blog-news-8 .img-article .img-box {
      min-height: 525px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-news-8 .img-article .img-box {
      min-height: 300px; } }
  @media (max-width: 767px) {
    .blog-news-8 .img-article .img-box {
      min-height: 150px; } }

.blog-post {
  margin-top: 40px;
  margin-bottom: 100px;
  border-radius: 3px;
  padding-bottom: 4em;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  background-color: #fefefe;
  position: relative; }
  .blog-post .header-image {
    position: relative; }
  .blog-post .blog-header {
    background-color: rgba(33, 153, 232, 0.9);
    padding: 1em 1.5em 0em;
    border-radius: 3px;
    color: #fdfdfd;
    display: inline-block;
    position: absolute;
    bottom: -20px;
    margin-left: 4em;
    margin-right: 4em;
    height: auto; }
    @media (max-width: 767px) {
      .blog-post .blog-header {
        margin-left: 1em;
        margin-right: 1em; } }
    .blog-post .blog-header .data-info {
      text-transform: uppercase;
      font-size: 1em;
      font-weight: bold; }
      @media (max-width: 767px) {
        .blog-post .blog-header .data-info {
          font-size: .9em; } }
      @media (max-width: 480px) {
        .blog-post .blog-header .data-info {
          font-size: .8em; } }
      .blog-post .blog-header .data-info i {
        margin-right: 5px; }
      .blog-post .blog-header .data-info span {
        margin-right: 5px; }
    .blog-post .blog-header .title {
      font-size: 36px;
      line-height: 1.3;
      margin-top: 5px;
      text-transform: uppercase;
      font-weight: bold;
      position: relative; }
      @media (min-width: 768px) and (max-width: 991px) {
        .blog-post .blog-header .title {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .blog-post .blog-header .title {
          font-size: 26px; } }
      @media (max-width: 480px) {
        .blog-post .blog-header .title {
          font-size: 20px; } }
  .blog-post .blog-post-content {
    padding: 4em 6em; }
    @media (max-width: 767px) {
      .blog-post .blog-post-content {
        padding: 2em 3em; } }
    .blog-post .blog-post-content h4 {
      margin-top: 3em;
      margin-bottom: 1.5em;
      font-weight: bold;
      text-transform: uppercase; }
    .blog-post .blog-post-content p {
      margin-top: 20px; }
    .blog-post .blog-post-content .code {
      font-family: 'Inconsolata';
      line-height: 1.5;
      background-color: #efefef;
      padding: 1em 2em;
      word-wrap: break-word; }
      .blog-post .blog-post-content .code p {
        margin-top: 10px; }
    .blog-post .blog-post-content span.code {
      font-family: 'Inconsolata';
      line-height: 1.5; }
    .blog-post .blog-post-content .autor {
      margin-top: 2em;
      color: #a0a7aa; }
  .blog-post .blog-news-1 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-1 {
        background-image: url("post-1-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-1-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-1 {
        background-image: url("post-1.jpg")/*tpa=https://www.qsdbih.com/main/img/post-1.jpg*/; } }
  .blog-post .blog-news-2 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-2 {
        background-image: url("post-2-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-2-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-2 {
        background-image: url("post-2.jpg")/*tpa=https://www.qsdbih.com/main/img/post-2.jpg*/; } }
  .blog-post .blog-news-3 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-3 {
        background-image: url("post-3-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-3-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-3 {
        background-image: url("post-3.jpg")/*tpa=https://www.qsdbih.com/main/img/post-3.jpg*/; } }
  .blog-post .blog-news-4 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-4 {
        background-image: url("post-4-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-4-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-4 {
        background-image: url("post-4.jpg")/*tpa=https://www.qsdbih.com/main/img/post-4.jpg*/; } }
  .blog-post .blog-news-5 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-5 {
        background-image: url("post-5-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-5-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-5 {
        background-image: url("post-5.jpg")/*tpa=https://www.qsdbih.com/main/img/post-5.jpg*/; } }
  .blog-post .blog-news-6 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-6 {
        background-image: url("post-6-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-6-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-6 {
        background-image: url("post-6.jpg")/*tpa=https://www.qsdbih.com/main/img/post-6.jpg*/; } }
  .blog-post .blog-news-7 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-7 {
        background-image: url("post-7-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-7-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-7 {
        background-image: url("post-7.jpg")/*tpa=https://www.qsdbih.com/main/img/post-7.jpg*/; } }
  .blog-post .blog-news-8 {
    background-size: cover;
    background-position: center; }
    @media screen and (min-width: 1024px) {
      .blog-post .blog-news-8 {
        background-image: url("post-8-max.jpg")/*tpa=https://www.qsdbih.com/main/img/post-8-max.jpg*/; } }
    @media screen and (max-width: 1023px) {
      .blog-post .blog-news-8 {
        background-image: url("post-8.jpg")/*tpa=https://www.qsdbih.com/main/img/post-8.jpg*/; } }
  .blog-post .header-image {
    width: 100%;
    height: 100%;
    display: block; }
    @media screen and (min-width: 992px) {
      .blog-post .header-image {
        min-height: 525px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .blog-post .header-image {
        min-height: 400px; } }
    @media (max-width: 767px) {
      .blog-post .header-image {
        min-height: 300px; } }
  .blog-post .blog-banner-click {
    margin: 0 auto;
    cursor: pointer; }

.press-logo {
  background-color: #fefefe; }
  .press-logo .title {
    text-align: center;
    line-height: 1.6;
    font-size: 22px;
    padding-bottom: 1.5em; }
  .press-logo .press-logo_box {
    position: relative; }
  .press-logo a {
    min-height: 120px;
    display: block;
    text-align: center;
    position: relative; }
    .press-logo a:hover img {
      opacity: 1; }
  .press-logo img {
    opacity: .6;
    transition: all 0.3s ease-in-out;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.press {
  background-color: #f6f6f8;
  padding-top: 100px; }
  .press .container {
    padding-bottom: 50px;
    border-bottom: 1px solid #a0a7aa; }
  .press .title {
    font-size: 34px;
    padding-bottom: 2em;
    color: #232323;
    font-weight: bold; }
    .press .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 3px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .press .press-news-elem {
    margin-bottom: 3em; }
    .press .press-news-elem .icon {
      background-color: #32b446;
      width: 60px;
      height: 60px;
      display: block;
      position: absolute;
      right: 10%;
      top: -5px;
      padding: 10px;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      @media (max-width: 480px) {
        .press .press-news-elem .icon {
          width: 50px;
          height: 50px; } }
    .press .press-news-elem .content {
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      background-color: #fefefe;
      position: relative; }
    .press .press-news-elem .text-article {
      display: block;
      font-size: 1em;
      padding: 3em 2em; }
      @media screen and (min-width: 991px) {
        .press .press-news-elem .text-article {
          padding: 3em 3em 1em;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-align: center;
          -webkit-align-items: center; } }
      .press .press-news-elem .text-article .press-logo_box {
        line-height: 100px; }
      .press .press-news-elem .text-article .data-info {
        margin-top: 10px;
        font-weight: bold;
        color: #a0a7aa;
        font-size: .9em; }
        .press .press-news-elem .text-article .data-info i {
          margin-right: 5px; }
      .press .press-news-elem .text-article p {
        line-height: 1.8; }
      .press .press-news-elem .text-article blockquote {
        margin-top: 1em;
        font-style: italic;
        font-size: 1em; }
    .press .press-news-elem .press-title {
      font-size: 30px;
      padding-bottom: .4em;
      margin-top: 0px;
      color: #232323;
      font-weight: bold;
      text-transform: uppercase; }
    .press .press-news-elem .more {
      background-color: #fefefe;
      padding: .3em 3em .1em;
      color: #232323;
      line-height: 1.6;
      text-align: center;
      border-bottom: 4px solid #f6f6f8; }
      .press .press-news-elem .more a {
        font-size: .85em;
        display: inline-block;
        color: #232323;
        font-weight: bold;
        text-decoration: none;
        margin-top: 5px;
        margin-right: 1em;
        margin-left: 1em;
        border-radius: 3px;
        line-height: 1.2; }
        @media screen and (min-width: 480px) {
          .press .press-news-elem .more a {
            display: inline-block; } }
        .press .press-news-elem .more a:hover {
          color: #32b446;
          background-color: #fdfdfd; }

.news {
  background-color: #f6f6f8;
  padding-top: 50px;
  padding-bottom: 0px; }
  .news .title {
    font-size: 34px;
    padding-bottom: 2em;
    color: #232323;
    font-weight: bold; }
    .news .title:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 3px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  @media screen and (min-width: 768px) {
    .news .row {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .news .news-elem {
    padding-bottom: 2em; }
    @media screen and (min-width: 768px) {
      .news .news-elem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .news .news-elem .content {
      display: block;
      border-radius: 3px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
      background-color: #fefefe;
      position: relative;
      overflow: hidden; }
    .news .news-elem .txt-box {
      position: relative;
      margin-bottom: 2em; }
      @media screen and (min-width: 768px) {
        .news .news-elem .txt-box {
          margin: 0 1.5em 0em; } }
      .news .news-elem .txt-box .icon {
        background-color: #32b446;
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        right: 5%;
        top: -30px;
        padding: 10px;
        border-radius: 3px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
    .news .news-elem .data-info {
      margin-top: 20px;
      font-weight: bold;
      color: #a0a7aa;
      font-size: .9em;
      padding: 0 1.4em; }
      .news .news-elem .data-info i {
        margin-right: 5px; }
    .news .news-elem h4 {
      margin-top: 0px;
      font-size: 18px;
      font-weight: bold;
      margin: 0 1em 2em;
      padding-bottom: .5em;
      line-height: 1.6;
      word-break: break-word;
      border-bottom: 1px solid #efefef; }
      @media screen and (min-width: 768px) {
        .news .news-elem h4 {
          font-size: 20px; } }
  .news .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    .news .embed-container iframe, .news .embed-container object, .news .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.thank-you {
  margin: 2em auto 3em;
  background-color: #f6f6f8; }

.thank-you-wrapper {
  padding: 1em;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  border-radius: 3px; }
  .thank-you-wrapper .nav__ {
    margin-bottom: .5em;
    display: block;
    text-align: left; }
  .thank-you-wrapper .button {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    background-color: #d6d9da;
    color: #fdfdfd;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.7;
    font-size: 1em;
    padding: 0 7px; }
    .thank-you-wrapper .button:hover {
      background-color: #bbc0c2; }
    @media screen and (max-width: 1199px) {
      .thank-you-wrapper .button {
        line-height: 1.7; } }
  .thank-you-wrapper h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.3;
    margin-bottom: 2em;
    border-radius: 3px;
    padding: 10px; }
    .thank-you-wrapper h1 span {
      font-size: 1.5em; }
    .thank-you-wrapper h1:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #25c65e;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .6em;
      margin-left: -25px; }
  .thank-you-wrapper > h2 {
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 1em;
    padding: 10px;
    color: #6c7578; }
  .thank-you-wrapper .brands {
    margin: 1em 0 2em;
    clear: both;
    background-color: #fff;
    width: 100%;
    position: relative; }
    .thank-you-wrapper .brands .brands-wrapper {
      margin: 0 auto;
      position: relative;
      display: table;
      vertical-align: middle; }
      .thank-you-wrapper .brands .brands-wrapper img {
        margin: 1em; }
  .thank-you-wrapper .testimonials-block {
    position: relative;
    padding: .8em; }
    .thank-you-wrapper .testimonials-block .content {
      padding: 2em 0;
      background-color: #f6f6f8;
      position: relative;
      border-radius: 3px;
      min-height: 420px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .thank-you-wrapper .testimonials-block .content {
          min-height: 380px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .thank-you-wrapper .testimonials-block .content {
          min-height: 505px; } }
      @media (max-width: 768px) {
        .thank-you-wrapper .testimonials-block .content {
          min-height: 105px;
          padding-bottom: 3em; } }
    .thank-you-wrapper .testimonials-block .block-img img {
      margin: 0 auto;
      border-radius: 100%;
      overflow: hidden; }
      @media (max-width: 991px) {
        .thank-you-wrapper .testimonials-block .block-img img {
          font-size: 1.2em; } }
    .thank-you-wrapper .testimonials-block .block-info {
      padding: 0; }
    .thank-you-wrapper .testimonials-block .name {
      margin-top: 0;
      font-weight: bold;
      font-size: 1.1em;
      line-height: 1.3;
      color: #212123; }
      @media (min-width: 768px) and (max-width: 991px) {
        .thank-you-wrapper .testimonials-block .name {
          margin-top: 20px; } }
    .thank-you-wrapper .testimonials-block .block-button {
      position: absolute;
      bottom: 20px;
      right: 0;
      left: 0; }
    .thank-you-wrapper .testimonials-block .button {
      margin-top: 1em;
      font-family: 'Open Sans', sans-serif;
      color: #fdfdfd;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      padding: .4em 1.6em; }
      .thank-you-wrapper .testimonials-block .button:hover {
        background-color: #2b9c3d;
        color: #fdfdfd; }
  .thank-you-wrapper .block-quote {
    position: relative;
    padding: 4em 1.5em 3em; }
    @media (max-width: 991px) {
      .thank-you-wrapper .block-quote {
        font-size: 1.2em; } }
    .thank-you-wrapper .block-quote:after {
      font-style: normal;
      content: "\f10d";
      color: #a0a7aa;
      font-family: FontAwesome;
      font-size: 2em;
      opacity: .2;
      position: absolute;
      left: 20px;
      top: 10px; }
    .thank-you-wrapper .block-quote:before {
      font-style: normal;
      content: "\f10d";
      color: #a0a7aa;
      font-family: FontAwesome;
      font-size: 2em;
      opacity: .2;
      position: absolute;
      right: 20px;
      bottom: 0px; }

.home-header .lSSlideOuter .lSPager.lSpg > li a {
  height: 12px;
  width: 12px;
  margin-top: 1em; }

.home-header .lSAction > .lSPrev:before {
  content: "\f053";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: #fff;
  font-size: 18px;
  opacity: .8;
  position: absolute;
  top: 10px;
  left: 0; }

@media screen and (min-width: 768px) {
  .home-header .lSAction > .lSPrev {
    width: 60px;
    height: 60px;
    background-image: none;
    text-decoration: none;
    left: 0px;
    opacity: .5;
    color: #a0a7aa;
    position: absolute;
    // z-index: 999; }
    .home-header .lSAction > .lSPrev:hover {
      opacity: .9; }
    .home-header .lSAction > .lSPrev:before {
      content: "\f104";
      font-family: FontAwesome;
      font-size: 4.2em; }
  .home-header .lSAction > .lSNext {
    width: 60px;
    height: 60px;
    background-image: none;
    text-decoration: none;
    right: 0px;
    opacity: .5;
    color: #a0a7aa;
    position: absolute;
    // z-index: 999; }
    .home-header .lSAction > .lSNext:hover {
      opacity: .9; }
    .home-header .lSAction > .lSNext:before {
      content: "\f105";
      font-family: FontAwesome;
      font-size: 4.2em; } }

#five-key-features .lSSlideOuter .lSPager.lSpg .active a {
  background-color: #32b446; }

#five-key-features .lSSlideOuter .lSPager.lSpg li a {
  height: 30px;
  width: 30px;
  background-color: #bbc0c2;
  text-indent: 0;
  line-height: 30px;
  color: #fefefe;
  text-decoration: none; }
  #five-key-features .lSSlideOuter .lSPager.lSpg li a:hover {
    background-color: #32b446; }

.maps #slider-with-brand, .slider-with-brand #slider-with-brand {
  max-height: 120px !important; }

.pgwModal .pm-body {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

.pgwModal .pm-close {
  background: #32b446;
  padding: .5em;
  border-radius: 100%; }

.pm-content #form-modal .form-group {
  background-color: #fefefe;
  padding: 1em; }
  .pm-content #form-modal .form-group .title-form h4 {
    font-weight: bold;
    font-size: 1em;
    line-height: 1.5;
    padding: 0 0 1em; }
  .pm-content #form-modal .form-group label {
    width: 100%;
    color: #6c7578; }
  .pm-content #form-modal .form-group .form-control {
    font-weight: normal;
    border-radius: 0;
    margin-bottom: .5em;
    box-shadow: none;
    border: none;
    background-color: #f8f8f8;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.1); }
  .pm-content #form-modal .form-group fieldset {
    margin: .4em 0 .8em; }
  .pm-content #form-modal .form-group .button {
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    background-color: #32b446;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    padding: .6em 2.4em;
    border: none;
    display: inline-block;
    font-size: 1.1em;
    white-space: normal; }
    .pm-content #form-modal .form-group .button:hover {
      background-color: #2b9c3d;
      color: #fefefe; }
  .pm-content #form-modal .form-group .error {
    color: #f44336;
    font-size: .85em; }
  .pm-content #form-modal .form-group .segment-content .success, .pm-content #form-modal .form-group .segment-content .error {
    margin-top: 1em;
    padding: 1em .5em;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    background-color: #efefef; }
    .pm-content #form-modal .form-group .segment-content .success:after, .pm-content #form-modal .form-group .segment-content .error:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #25c65e;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .6em;
      margin-left: -25px; }
    .pm-content #form-modal .form-group .segment-content .success .error:after, .pm-content #form-modal .form-group .segment-content .error .error:after {
      border-color: 4px solid #f44336; }

.pgwModal .pm-content {
  padding-bottom: 0 !important; }

.pgwModal .pm-body {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

.pgwModal .pm-close {
  padding: .5em;
  border-radius: 100%;
  transition: all 0.3s ease-in-out; }
  .pgwModal .pm-close:hover {
    transform: rotate(90deg); }

.pm-content #newsletter-modal .form-group {
  padding: 1em;
  padding-bottom: 0;
  margin: 0; }
  .pm-content #newsletter-modal .form-group .title-form img {
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -75px; }
  .pm-content #newsletter-modal .form-group .title-form h4 {
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.5;
    padding: 0 0 1em; }
  .pm-content #newsletter-modal .form-group .title-form h6 {
    font-weight: bold;
    font-size: 1em;
    margin-top: 30px;
    margin-left: 13px;
    margin-bottom: 20px; }
  .pm-content #newsletter-modal .form-group .title-form ul {
    margin-bottom: 50px; }
  .pm-content #newsletter-modal .form-group .title-form li {
    margin-bottom: 8px; }
  .pm-content #newsletter-modal .form-group label {
    width: 100%;
    color: #6c7578; }
  .pm-content #newsletter-modal .form-group .form-control {
    width: 90%;
    margin-left: 5%;
    font-weight: normal;
    border-radius: 0;
    margin-bottom: -0.5em;
    box-shadow: none;
    border: none;
    background-color: #f8f8f8;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #d5d5d5;
    padding: 20px; }
  .pm-content #newsletter-modal .form-group .submit-row {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-bottom: 10px; }
  .pm-content #newsletter-modal .form-group .segment-row {
    margin-top: -1px; }
  .pm-content #newsletter-modal .form-group fieldset {
    margin: .4em 0 .8em; }
  .pm-content #newsletter-modal .form-group .button {
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    background-color: #e65100;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    display: flex;
    padding: 0.8em 3em;
    margin-top: 20px;
    margin-bottom: 15px;
    border: none;
    font-size: 1.1em;
    white-space: normal; }
    .pm-content #newsletter-modal .form-group .button:hover {
      background-color: #c74600;
      color: #fefefe; }
  .pm-content #newsletter-modal .form-group .error {
    color: #f44336;
    font-size: .85em; }
  .pm-content #newsletter-modal .form-group #freshmail_email-error {
    margin-top: 15px;
    margin-left: 5%; }
  .pm-content #newsletter-modal .form-group .segment-content {
    width: 90%;
    margin-left: 5%; }
    .pm-content #newsletter-modal .form-group .segment-content .success:first-child {
      display: none; }
    .pm-content #newsletter-modal .form-group .segment-content #thank-u-message {
      display: none; }
    .pm-content #newsletter-modal .form-group .segment-content .success, .pm-content #newsletter-modal .form-group .segment-content .error {
      margin-top: 1em;
      padding: 1em .5em;
      text-align: center;
      background-color: #efefef; }
      .pm-content #newsletter-modal .form-group .segment-content .success h4, .pm-content #newsletter-modal .form-group .segment-content .error h4 {
        font-weight: bold;
        font-size: 1em; }
      .pm-content #newsletter-modal .form-group .segment-content .success p, .pm-content #newsletter-modal .form-group .segment-content .error p {
        width: 90%;
        margin-left: 5%;
        font-size: 0.9em; }
      .pm-content #newsletter-modal .form-group .segment-content .success:after, .pm-content #newsletter-modal .form-group .segment-content .error:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #25c65e;
        height: 4px;
        width: 50px;
        left: 50%;
        margin-left: -25px; }
      .pm-content #newsletter-modal .form-group .segment-content .success .error:after, .pm-content #newsletter-modal .form-group .segment-content .error .error:after {
        border-color: 4px solid #f44336; }

@media screen and (max-width: 1199px) {
  .pm-content #newsletter-modal .form-group .submit-row {
    margin-left: -24px;
    margin-right: -24px; } }

@media screen and (max-width: 550px) {
  .pm-content #newsletter-modal .form-group .title-form h4 {
    margin-bottom: 50px; }
  .pm-content #newsletter-modal .form-group .title-form h6 {
    display: none; }
  .pm-content #newsletter-modal .form-group .title-form ul {
    display: none; }
  .pm-content #newsletter-modal .form-group .submit-row {
    margin-left: -24px;
    margin-right: -24px; } }

/**
 * Menu overview.
 */
.c-menu {
  position: fixed;
  // z-index: 999999999;
  background-color: #111c2c;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  transition: transform 0.3s; }

.c-menu__items {
  list-style-type: none;
  padding: 1em 0;
  margin-left: 1em; }
  .c-menu__items .c-menu__item {
    border-bottom: solid 2px #18273f;
    border-right: solid 6px transparent; }
    .c-menu__items .c-menu__item:hover {
      color: #fdfdfd; }
      .c-menu__items .c-menu__item:hover a {
        color: #32b446; }
      .c-menu__items .c-menu__item:hover .dropdown-menu {
        display: none; }
    .c-menu__items .c-menu__item a {
      padding: .7em .5em;
      display: block;
      color: #fdfdfd;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase; }
      .c-menu__items .c-menu__item a i {
        line-height: 1.5; }
    .c-menu__items .c-menu__item .accent-link {
      color: #32b446;
      font-weight: bold; }
    .c-menu__items .c-menu__item .dropdown-menu {
      display: none; }
  .c-menu__items .c-menu__item.dropdown:hover .dropdown-menu {
    display: block; }

.c-button {
  background: none;
  border: none;
  font-size: 1.3em;
  color: #fefefe;
  border-radius: 3px; }

/**
 * Close button resets.
 */
.c-menu__close {
  color: #fff;
  background-color: #32b446;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }
  .c-menu__close i {
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2; }
    .c-menu__close i:hover {
      color: #32b446; }

/**
 * Close button resets.
 */
.c-menu__close:focus {
  outline: none; }

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
body.has-active-menu {
  overflow: hidden; }

/**
 * Mask component
 */
.c-mask {
  position: fixed;
  // z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.5s, width 0s 0.3s, height 0s 0.3s; }

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s; }

.c-menu--slide-left,
.c-menu--slide-right,
.c-menu--push-left,
.c-menu--push-right {
  width: 100%;
  height: 100%;
  overflow-y: auto; }

@media all and (min-width: 320px) {
  .c-menu--slide-left,
  .c-menu--slide-right,
  .c-menu--push-left,
  .c-menu--push-right {
    width: 300px; } }

.c-menu--slide-left .c-menu__close,
.c-menu--slide-right .c-menu__close,
.c-menu--push-left .c-menu__close,
.c-menu--push-right .c-menu__close {
  display: block;
  padding: 3px 20px;
  width: 100%; }

.c-menu--slide-left,
.c-menu--push-left {
  top: 0;
  left: 0;
  transform: translateX(-100%); }

@media all and (min-width: 320px) {
  .c-menu--slide-left,
  .c-menu--push-left {
    transform: translateX(-300px); } }

.c-menu--slide-left.is-active,
.c-menu--push-left.is-active {
  transform: translateX(0); }

.o-wrapper.has-push-left {
  transform: translateX(100%); }

@media all and (min-width: 320px) {
  .o-wrapper.has-push-left {
    transform: translateX(300px); } }

.o-wrapper.has-push-right {
  transform: translateX(-100%); }

@media all and (min-width: 320px) {
  .o-wrapper.has-push-right {
    transform: translateX(-300px); } }

@media (max-width: 380px) {
  .nav__igation .container {
    padding-right: 0; } }

.nav__igation .nav__bar {
  border-bottom: none;
  background-color: #fdfdfd;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
  @media (max-width: 992px) {
    .nav__igation .nav__bar {
      min-height: 30px; } }
  .nav__igation .nav__bar .nav__bar-header {
    background-color: #fdfdfd; }
  .nav__igation .nav__bar #logo {
    padding-top: 2px;
    height: 50px; }
    @media (max-width: 767px) {
      .nav__igation .nav__bar #logo {
        margin-left: 20px; } }
  @media (max-width: 992px) {
    .nav__igation .nav__bar .cta-header {
      margin: 0; }
      .nav__igation .nav__bar .cta-header ul {
        margin: 0; }
      .nav__igation .nav__bar .cta-header .c-button {
        color: #232323; } }
  @media (max-width: 380px) {
    .nav__igation .nav__bar .cta-header #header-cta-phone {
      display: none; } }
  @media (max-width: 360px) {
    .nav__igation .nav__bar .cta-header #header-cta-skype {
      display: none; } }
  .nav__igation .nav__bar .cta-header a {
    font-size: .85em;
    color: #0c1421; }
    @media (max-width: 992px) {
      .nav__igation .nav__bar .cta-header a {
        font-size: 1.3em; } }
    .nav__igation .nav__bar .cta-header a:hover {
      color: #32b446; }
  .nav__igation .nav__bar .cta-header .button {
    font-size: .85em;
    color: #fefefe; }
    .nav__igation .nav__bar .cta-header .button:hover {
      color: #fefefe; }

.nav__-wrapper .container {
  margin-top: 0; }

.nav__-wrapper .nav__ {
  border-top: 1px solid #f6f6f8; }
  .nav__-wrapper .nav__ a {
    text-decoration: none;
    display: block;
    color: #0c1421;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 2em;
    font-size: .8em;
    padding: .35em 1em;
    transition: all 0.3s ease-in-out;
    border-bottom: 4px solid #fefefe; }
    .nav__-wrapper .nav__ a:hover {
      border-bottom: 4px solid #32b446;
      color: #32b446; }
  .nav__-wrapper .nav__ .dropdown .dropdown-menu {
    display: none;
    list-style: none;
    padding: 0; }
  .nav__-wrapper .nav__ .dropdown:hover .dropdown-menu {
    display: block; }
  .nav__-wrapper .nav__ .active {
    color: #32b446; }

.nav__-wrapper .ranking-stars-box {
  display: inline-block; }
  @media screen and (max-width: 1024px) {
    .nav__-wrapper .ranking-stars-box {
      display: none; } }
  .nav__-wrapper .ranking-stars-box a {
    line-height: 2.05em;
    margin-right: -14px;
    border-bottom: 4px solid #fefefe; }
    .nav__-wrapper .ranking-stars-box a i {
      color: #ffc107; }
    .nav__-wrapper .ranking-stars-box a p {
      display: inline;
      font-weight: normal;
      font-size: 1em; }

progress {
  /* Positioning */
  position: fixed;
  top: 0;
  // z-index: 9999;
  /* Dimensions */
  width: 100%;
  height: 5px;
  /* Reset the appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;
  /* Progress bar value for IE10+ */
  color: #32b446; }

progress::-webkit-progress-bar {
  background-color: transparent; }

progress::-webkit-progress-value {
  background-color: #32b446; }

progress::-moz-progress-bar {
  background-color: #32b446; }

.quote-section {
  background-color: #fff;
  color: #232323;
  padding-top: 20px; }
  .quote-section .title-row h2 {
    line-height: 1.3;
    letter-spacing: 3px;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.1em;
    padding-bottom: 3em;
    font-weight: bold; }
    .quote-section .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
  .quote-section blockquote {
    position: relative;
    display: block;
    padding: 2em 2em 15px;
    border: 0;
    color: #020202;
    font-weight: 400;
    border-left: none; }
    .quote-section blockquote:after {
      content: "\f10d";
      color: #32b446;
      font-family: FontAwesome;
      font-size: 2.8em;
      position: absolute;
      left: 0;
      top: -20px;
      // z-index: -10; }
    .quote-section blockquote p {
      font-size: 17px;
      margin-bottom: 20px;
      font-style: italic;
      width: 95%; }
    .quote-section blockquote img {
      margin: 0 auto;
      margin-bottom: 5px; }
    .quote-section blockquote h2 {
      font-size: 17px;
      line-height: 0.6;
      text-align: center; }
  .quote-section .icon-row .col-lg-9 {
    display: flex;
    justify-content: center; }
    .quote-section .icon-row .col-lg-9 ul {
      width: 80%;
      list-style: none;
      margin-top: 40px;
      padding-left: 0; }
      .quote-section .icon-row .col-lg-9 ul li {
        padding: 0 20px 0 20px;
        display: inline-block; }

.city-section {
  text-align: center;
  background: url("city-background.png")/*tpa=https://www.qsdbih.com/main/img/city-background.png*/ no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .city-section h1 {
    color: #fefefe;
    text-transform: uppercase;
    padding: 30px 0 30px 0; }

.lSAction .lSPrev {
  background-image: url("left-chevron.png")/*tpa=https://www.qsdbih.com/main/img/left-chevron.png*/;
  background-repeat: no-repeat; }

.lSAction .lSNext {
  background-image: url("right-chevron.png")/*tpa=https://www.qsdbih.com/main/img/right-chevron.png*/;
  background-repeat: no-repeat;
  background-position: 0; }

.timeline-section {
  background-color: #fefefe;
  color: #232323;
  padding-top: 0; }
  .timeline-section .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative; }
  .timeline-section .timeline .timeline-panel:before {
    top: 70px;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #dcdbdb;
    left: -93px;
    height: 110%; }
  .timeline-section .timeline > li {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
    .timeline-section .timeline > li:nth-child(2n) {
      background-color: #f8f8f8; }
  .timeline-section .timeline-body h4 {
    margin-top: 50px; }
  .timeline-section .timeline-body h3 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 50px;
    padding-left: 20px; }
  .timeline-section .timeline-body p {
    color: #161616;
    font-size: 1.1em;
    padding: 0 0 10px 20px; }
    .timeline-section .timeline-body p.head {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 30px;
      margin-top: 50px;
      padding-bottom: 0; }
  .timeline-section .timeline-body .icon-list {
    margin-top: 70px;
    margin-bottom: 60px;
    padding: 0;
    text-align: center; }
    .timeline-section .timeline-body .icon-list li {
      padding: 0 30px 0 30px; }
  .timeline-section .timeline-body ul {
    list-style: none; }
    .timeline-section .timeline-body ul li {
      display: inline-block; }
  .timeline-section .timeline-body .timeline-rocket {
    margin: 0 auto;
    padding-bottom: 90px; }
  .timeline-section .timeline-body .timeline-laptop {
    margin-top: 30px;
    margin-bottom: 70px;
    max-width: 110%; }
  .timeline-section .individual-service p:first-child {
    margin-top: 50px; }
  .timeline-section .individual-service p:nth-child(3) {
    margin-bottom: 40px; }
  .timeline-section .individual-service a {
    padding: 5px 25px 5px 25px;
    border-radius: 20px;
    background-color: #32b446;
    color: #fefefe;
    transition: 0.4s all;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    margin-left: 20%; }
    .timeline-section .individual-service a:hover {
      background-color: #1792e2;
      text-decoration: none; }
  .timeline-section .chart .chart-img {
    margin: 0 auto;
    margin-top: -50px; }
  .timeline-section .chart .timeline-panel:before {
    height: 80%; }
  .timeline-section .brand-img {
    position: absolute;
    left: -100px;
    top: 50px; }
  .timeline-section .tooltip {
    position: absolute;
    // z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .timeline-section .tooltip.in {
    /*opacity:0;
    filter:alpha(opacity=80);*/ }
  .timeline-section .tooltip.top {
    margin-top: -2px; }
  .timeline-section .tooltip.right {
    margin-left: 2px; }
  .timeline-section .tooltip.bottom {
    margin-top: 2px; }
  .timeline-section .tooltip.left {
    margin-left: -2px; }
  .timeline-section .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .timeline-section .tooltip.left .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .timeline-section .tooltip.bottom .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .timeline-section .tooltip.right .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000; }
  .timeline-section .tooltip-inner {
    width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #313131;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }
  .timeline-section .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0; }
  .timeline-section .button-more {
    text-align: center;
    margin: 0 auto;
    // z-index: 99;
    position: relative; }
    .timeline-section .button-more .button {
      margin: 3em auto 2em;
      font-family: 'Open Sans', sans-serif;
      color: #fefefe;
      background-color: #32b446;
      text-decoration: none;
      display: inline-block;
      border-radius: 20px;
      text-transform: uppercase;
      padding: 1.1em 1.3em;
      transition: all 0.3s ease-in-out;
      font-size: 1em;
      margin-left: 5px;
      padding: .5em 1.8em;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .timeline-section .button-more .button:hover {
        background-color: #2b9c3d;
        color: #fefefe; }

.rocket-section {
  background-color: #32b446;
  color: #fefefe;
  position: relative;
  padding-bottom: 0; }
  .rocket-section .title-row h2 {
    color: #321464;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 70px;
    font-size: 36px;
    line-height: 1.1; }
    .rocket-section .title-row h2:after {
      display: none; }
  .rocket-section .content-row {
    text-align: center; }
    .rocket-section .content-row img {
      margin: 0 auto; }
    .rocket-section .content-row p {
      text-align: left; }
      .rocket-section .content-row p:nth-child(2) {
        margin-top: 30px;
        margin-bottom: 50px; }
    .rocket-section .content-row a {
      padding: 5px 25px 5px 25px;
      border-radius: 20px;
      background-color: #321464;
      color: #fefefe;
      transition: 0.4s all;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
      .rocket-section .content-row a:hover {
        background-color: #ff245b;
        text-decoration: none; }
  .rocket-section .city {
    height: 350px;
    background: url("rocket-section-city3.png")/*tpa=https://www.qsdbih.com/main/img/rocket-section-city3.png*/, repeat;
    position: relative;
    top: 2px; }

@media (max-width: 1499px) {
  .timeline-section .timeline .timeline-panel:before {
    left: -53px; }
  .timeline-section .brand-img {
    left: -60px; } }

@media (max-width: 1349px) {
  .timeline-section .timeline .timeline-panel {
    padding-left: 50px; }
    .timeline-section .timeline .timeline-panel:before {
      left: 7px; }
  .timeline-section .brand-img {
    left: 0; } }

@media (max-width: 1199px) {
  .quote-section .icon-row .col-lg-9 ul {
    width: 90%; }
  .city-section h1 {
    font-size: 30px; }
  .rocket-section .content-row p {
    font-size: 17px; }
  .rocket-section .city {
    height: 350px; }
  .timeline-section .timeline .timeline-panel {
    padding-left: 50px; }
    .timeline-section .timeline .timeline-panel:before {
      left: 7px; }
  .timeline-section .brand-img {
    left: 0; }
  .timeline-section .timeline-body .icon-list {
    margin-bottom: 0; }
    .timeline-section .timeline-body .icon-list li {
      padding: 20px 20px 10px 20px; } }

@media (max-width: 991px) {
  .quote-section blockquote p {
    text-align: center; }
  .quote-section blockquote img {
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 40px; }
  .quote-section .icon-row .col-lg-9 ul {
    width: 100%;
    margin-top: 60px;
    text-align: center; }
  .city-section h1 {
    font-size: 25px; }
  .timeline-section .timeline .timeline-panel {
    padding-left: 0; }
    .timeline-section .timeline .timeline-panel:before {
      left: -33px; }
  .timeline-section .brand-img {
    left: -40px; }
  .timeline-section .individual-service a {
    margin-left: 20px; }
  .timeline-section .individual-service p:first-child {
    margin-top: 20px; }
  .timeline-section .individual-service p:nth-child(3) {
    margin-bottom: 20px; } }

@media (max-width: 881px) {
  .timeline-section .timeline .timeline-panel {
    padding-left: 50px; }
    .timeline-section .timeline .timeline-panel .technologies {
      display: flex;
      justify-content: center; }
  .timeline-section .brand-img {
    left: 0; }
  .timeline-section .timeline .timeline-panel:before {
    left: 7px;
    height: 120%; }
  .timeline-section .individual-service {
    padding-bottom: 60px; }
  .timeline-section .chart .timeline-panel:before {
    height: 100%;
    top: 40px; } }

@media (max-width: 767px) {
  .timeline-section .timeline .timeline-panel {
    padding-left: 100px;
    padding-right: 50px; }
    .timeline-section .timeline .timeline-panel:before {
      left: 67px; }
  .timeline-section .timeline-body .icon-list {
    margin-top: 0; }
    .timeline-section .timeline-body .icon-list li:nth-child(3) {
      padding: 50px 20px 30px 20px; }
  .timeline-section .timeline-body .timeline-rocket {
    padding-bottom: 50px;
    padding-top: 40px; }
  .timeline-section .timeline-body .timeline-laptop {
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 40px; }
  .timeline-section .chart .chart-img {
    margin-top: 20px; }
  .timeline-section .brand-img {
    left: 60px; }
  .rocket-section .content-row p {
    width: 80%;
    margin-left: 10%; } }

@media (max-width: 500px) {
  .timeline-section .timeline .timeline-panel:before {
    left: 57px; }
  .timeline-section .brand-img {
    left: 50px; }
  .timeline-section .timeline .timeline-panel {
    padding-left: 70px;
    padding-right: 0; } }

@media (max-width: 458px) {
  .quote-section blockquote p {
    font-size: 15px;
    margin-bottom: 20px;
    font-style: italic;
    width: 95%; }
  .quote-section .icon-row .col-lg-9 ul li {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
    .quote-section .icon-row .col-lg-9 ul li:first-child {
      margin-left: -15px; }
  .timeline-section .timeline .timeline-panel {
    padding-left: 0;
    padding-right: 0; }
  .timeline-section .brand-img {
    display: none; }
  .timeline-section .timeline .timeline-panel:before {
    position: initial; } }

@media (max-width: 315px) {
  .rocket-section .content-row a {
    padding: 5px 15px 5px 15px; } }

@media (max-width: 307px) {
  .timeline-section .individual-service a {
    margin-left: 10px; } }

.pgwModal .pm-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.pm-content {
  overflow: hidden; }
  .pm-content .newsletter-body {
    background-color: #111c2c;
    color: #fefefe; }
    .pm-content .newsletter-body .content-row {
      padding-top: 30px;
      padding-left: 30px; }
      .pm-content .newsletter-body .content-row .book {
        position: absolute;
        // z-index: 1;
        right: 0; }
      .pm-content .newsletter-body .content-row .book-small {
        display: none; }
      .pm-content .newsletter-body .content-row h5, .pm-content .newsletter-body .content-row h1, .pm-content .newsletter-body .content-row .quote {
        position: relative;
        // z-index: 999; }
      .pm-content .newsletter-body .content-row h1 {
        color: #757575; }
      .pm-content .newsletter-body .content-row h5 {
        font-size: 25px;
        line-height: 1.4; }
        .pm-content .newsletter-body .content-row h5 span {
          font-size: 35px;
          color: #1de9b6; }
      .pm-content .newsletter-body .content-row .quote {
        width: 50%;
        padding-top: 40px; }
        .pm-content .newsletter-body .content-row .quote p {
          font-style: italic; }
        .pm-content .newsletter-body .content-row .quote h6 {
          font-size: 15px; }
    .pm-content .newsletter-body .thank-u-row {
      margin: 0 auto;
      width: 70%;
      text-align: center;
      margin-top: 50px;
      margin-bottom: -20px; }
      .pm-content .newsletter-body .thank-u-row h4 {
        font-size: 30px;
        color: #1de9b6;
        margin-top: 20px; }
      .pm-content .newsletter-body .thank-u-row p {
        font-size: 20px; }
      .pm-content .newsletter-body .thank-u-row .success {
        border-top: 3px solid #e5e5e5; }
  .pm-content #newsletter-modal #freshmail_email-error {
    width: 100%;
    float: right;
    color: red; }
  .pm-content #newsletter-modal .form-group {
    margin: 0;
    padding-top: 3em; }
    .pm-content #newsletter-modal .form-group .submit-row {
      text-align: center; }
      .pm-content #newsletter-modal .form-group .submit-row .email-input, .pm-content #newsletter-modal .form-group .submit-row .name-input {
        font-weight: normal;
        margin-bottom: .5em;
        border: 0;
        background-color: #f8f8f8;
        border-radius: 2px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.1);
        padding: 13px;
        width: 39%;
        color: #797979; }
      .pm-content #newsletter-modal .form-group .submit-row .name-input {
        width: 20%;
        margin-right: 7px; }
      .pm-content #newsletter-modal .form-group .submit-row .submit-button {
        color: #fefefe;
        background-color: #f36;
        text-decoration: none;
        display: inline-block;
        border-radius: 3px;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
        padding: 12px 10px 12px 10px;
        border: 0;
        font-size: 1.1em;
        white-space: normal;
        width: 35%;
        margin-left: 15px; }
        .pm-content #newsletter-modal .form-group .submit-row .submit-button:hover {
          background-color: #ff1a53; }

@media screen and (max-width: 1199px) {
  .pm-content .newsletter-body .thank-u-row {
    margin-top: 70px; } }

@media screen and (max-width: 767px) {
  .pm-content .newsletter-body .content-row .book {
    top: 30px;
    width: 40%; } }

@media screen and (max-width: 700px) {
  .pm-content .newsletter-body .content-row .book {
    top: 60px; } }

@media screen and (max-width: 650px) {
  .pm-content .newsletter-body .content-row .book {
    top: 90px; } }

@media screen and (max-width: 600px) {
  .pm-content .newsletter-body .content-row {
    padding-right: 30px;
    text-align: center; }
    .pm-content .newsletter-body .content-row .book {
      display: none; }
    .pm-content .newsletter-body .content-row .book-small {
      margin: 0 auto;
      display: flex;
      margin-top: 30px;
      margin-bottom: 30px; }
    .pm-content .newsletter-body .content-row .quote p, .pm-content .newsletter-body .content-row .quote h6 {
      display: none; }
    .pm-content .newsletter-body .content-row h1 {
      color: #757575;
      margin-bottom: -50px; } }

@media screen and (max-width: 550px) {
  .pm-content .newsletter-body .thank-u-row p {
    padding-bottom: 30px; }
  .pm-content #newsletter-modal {
    padding-bottom: 40px;
    margin-top: -70px; }
    .pm-content #newsletter-modal .form-group .submit-row {
      text-align: center; }
      .pm-content #newsletter-modal .form-group .submit-row .email-input, .pm-content #newsletter-modal .form-group .submit-row .name-input {
        width: 90%;
        margin: 0 auto;
        display: flex;
        margin-bottom: 10px; }
      .pm-content #newsletter-modal .form-group .submit-row .submit-button {
        width: 50%;
        margin-left: 25%; } }

@media screen and (max-width: 400px) {
  .pm-content .newsletter-body .content-row h5 {
    font-size: 23px; }
    .pm-content .newsletter-body .content-row h5 span {
      font-size: 30px; }
  .pm-content .newsletter-body .content-row h1 {
    font-size: 27px; }
  .pm-content #newsletter-modal .form-group .submit-row .email-input {
    width: 100%; }
  .pm-content #newsletter-modal .form-group .submit-row .submit-button {
    width: 80%;
    margin-left: 10%; } }

.ideas-section {
  background-color: #fefefe;
  padding-top: 0;
  padding-bottom: 130px; }
  .ideas-section .title-row h2 {
    color: #000000;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: initial;
    line-height: 1.1; }
    .ideas-section .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      .ideas-section .title-row h2 {
        padding-left: 40px;
        padding-right: 40px; } }
  .ideas-section .text-row p {
    color: #000000;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 100px; }
  .ideas-section .tiles-row img {
    margin: 0 auto;
    display: flex; }
  .ideas-section .tiles-row h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 36px; }
  .ideas-section .tiles-row h3 {
    margin-top: 10px;
    font-size: 18px; }
    .ideas-section .tiles-row h3 span {
      color: #61d6e4; }
  .ideas-section .tiles-row h2, .ideas-section .tiles-row h3 {
    color: #32b446;
    text-align: center; }

.about-timeline-section {
  background-color: #32b446;
  position: relative;
  // z-index: 999;
  padding-top: 0;
  padding-bottom: 30px; }
  .about-timeline-section .inner-mask:before {
    position: absolute;
    // z-index: 999;
    content: '';
    width: 100%;
    height: 100%;
    background: #fefefe;
    opacity: 0.1;
    left: -69%;
    -ms-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }
  .about-timeline-section .title-row h2 {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    position: relative;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: initial;
    line-height: 1.1; }
    .about-timeline-section .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #32b446;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      .about-timeline-section .title-row h2 {
        padding-left: 40px;
        padding-right: 40px; } }
  .about-timeline-section .small {
    display: none; }
  .about-timeline-section .timeline-row .center-timeline {
    margin: 0 auto;
    margin-top: 75px; }
  .about-timeline-section .timeline-row ul {
    padding: 0;
    list-style: none; }
    .about-timeline-section .timeline-row ul li {
      color: #ffffff;
      text-align: center;
      background-color: #22cc5d;
      width: 360px;
      max-height: 175px;
      margin: 0 auto;
      margin-bottom: 14px; }
      .about-timeline-section .timeline-row ul li img {
        padding-top: 20px;
        padding-bottom: 10px; }
      .about-timeline-section .timeline-row ul li span {
        font-size: 1.6em; }
      .about-timeline-section .timeline-row ul li p {
        text-transform: uppercase;
        padding-bottom: 20px;
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px; }
  .about-timeline-section .timeline-row .left-ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    right: 18px;
    margin-top: 43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 80px 0;
    border-color: transparent #22cc5d transparent transparent; }
  .about-timeline-section .timeline-row .right-ul {
    margin-top: 95px; }
    .about-timeline-section .timeline-row .right-ul li:before {
      content: "";
      display: inline-block;
      position: absolute;
      transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      /* IE 9 */
      -webkit-transform: rotate(225deg);
      left: 18px;
      margin-top: 43px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 80px 80px 0;
      border-color: transparent #22cc5d transparent transparent; }
  .about-timeline-section .nav__-row {
    text-align: center;
    color: #fefefe;
    text-transform: uppercase;
    padding-top: 30px; }

.awards-section {
  background-color: #cccccc;
  padding-top: 0;
  padding-bottom: 200px;
  position: relative;
  /*  .inner-mask{
    position: absolute;
    width: 50%;
    height: 100%;
    &:before{
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background: #cccccc;
      left: -80%;
      -ms-transform: skew(45deg);
      -webkit-transform: skew(45deg);
      transform: skew(45deg);
    }

  }
  .inner-mask-2{
    position: absolute;
    margin-left: 50%;
    width: 50%;
    height: 100%;
       &:before{
         position: absolute;
         content: '';
         width: 100%;
         height: 100%;
         background: #cccccc;
         right: -80%;
         -ms-transform: skew(-45deg);
         -webkit-transform: skew(-45deg);
         transform: skew(-45deg);

       }
     }*/ }
  .awards-section .inner-mask:before {
    position: absolute;
    content: '';
    border-left: 60vw solid transparent;
    border-right: 60vw solid transparent;
    border-top: 100vh solid #fefefe;
    margin-left: -10%; }
  .awards-section .title-row h2 {
    color: #000;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    padding-bottom: 100px;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: initial;
    line-height: 1.1; }
    .awards-section .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #321464;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      .awards-section .title-row h2 {
        padding-left: 40px;
        padding-right: 40px; } }
  .awards-section .content-row {
    text-align: center; }
    .awards-section .content-row .col-lg-4 {
      padding-left: 20px;
      padding-right: 20px; }
      .awards-section .content-row .col-lg-4 .tile {
        background-color: #efefef;
        opacity: .9;
        min-height: 280px;
        margin-bottom: 35px;
        transition: .4s; }
        .awards-section .content-row .col-lg-4 .tile:hover {
          background-color: #d6d6d6; }
    .awards-section .content-row h2 {
      color: #000;
      font-size: 18px;
      padding-left: 45px;
      padding-right: 45px;
      line-height: 1.7; }
    .awards-section .content-row p {
      color: #000;
      font-size: 17px;
      padding-bottom: 25px; }
    .awards-section .content-row img {
      margin: 0 auto;
      display: flex;
      padding-top: 45px; }

.team-section {
  background-color: #FB822C;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  position: relative; }
  .team-section .title-row h4 {
    color: #fefefe;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px; }
    .team-section .title-row h4:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #fefefe;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      .team-section .title-row h4 {
        padding-left: 40px;
        padding-right: 40px; } }
  .team-section .slider-row .lSAction .lSNext {
    background-image: url("about-us-right-chevron.png")/*tpa=https://www.qsdbih.com/main/img/about-us-right-chevron.png*/;
    background-repeat: no-repeat;
    background-position: 0; }
  .team-section .slider-row .lSAction .lSPrev {
    background-image: url("about-us-left-chevron.png")/*tpa=https://www.qsdbih.com/main/img/about-us-left-chevron.png*/;
    background-repeat: no-repeat;
    background-position: 0; }
  .team-section .slider-row .lSSlideOuter .lSPager.lSpg {
    margin-top: 50px !important;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    // z-index: 9999; }
    .team-section .slider-row .lSSlideOuter .lSPager.lSpg li a {
      width: 15px;
      height: 15px;
      background-color: #a1a1a1; }
    .team-section .slider-row .lSSlideOuter .lSPager.lSpg .active a {
      background-color: #FB822C; }
  .team-section .slider-row .content:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%; }
  .team-section .slider-row .content img {
    margin: 0 auto; }
  .team-section .team-text {
    background-color: #fefefe; }
    .team-section .team-text h4 {
      font-size: 28px;
      padding-top: 100px;
      padding-bottom: 30px; }
    .team-section .team-text p {
      line-height: 2;
      padding-bottom: 60px; }

.contact-section {
  background-color: #cccccc;
  position: relative;
  // z-index: 999;
  padding-top: 0;
  padding-bottom: 100px; }
  .contact-section .inner-mask:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fefefe;
    opacity: 0.1;
    left: -45%;
    -ms-transform: skew(-29deg);
    -webkit-transform: skew(-29deg);
    transform: skew(-29deg); }
  .contact-section .title-row {
    padding-bottom: 60px; }
    .contact-section .title-row h2 {
      color: #000;
      text-align: center;
      font-size: 30px;
      padding-top: 70px;
      padding-bottom: 40px;
      margin-top: 10px;
      font-weight: 500;
      letter-spacing: initial;
      line-height: 1.1; }
      .contact-section .title-row h2:after {
        display: block;
        position: absolute;
        content: "";
        border-bottom: 4px solid #32b446;
        height: 4px;
        width: 50px;
        left: 50%;
        margin-top: .4em;
        margin-left: -25px; }
      @media screen and (max-width: 991px) {
        .contact-section .title-row h2 {
          padding-left: 40px;
          padding-right: 40px; } }
    .contact-section .title-row p {
      text-align: center;
      color: #000; }
  .contact-section .content-row .content {
    display: flex;
    justify-content: center; }
  .contact-section .content-row .button {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    .contact-section .content-row .button a {
      color: #fefefe;
      background-color: #FB822C;
      transition: .3s;
      font-size: 20px;
      padding: 10px 20px 10px 20px; }
      .contact-section .content-row .button a:hover {
        text-decoration: none;
        background-color: #fb7313; }
  .contact-section .content-row .linkedin-ul {
    list-style: none;
    float: right; }
    .contact-section .content-row .linkedin-ul li {
      position: relative; }
      .contact-section .content-row .linkedin-ul li i {
        color: #000000;
        font-size: 20px;
        background-color: #fefefe;
        border-radius: 50%;
        padding: 8px 10px 8px 10px;
        position: absolute;
        right: 10px;
        bottom: -5px;
        transition: .3s; }
        .contact-section .content-row .linkedin-ul li i:hover {
          background-color: #e5e5e5; }
  .contact-section .content-row .contact-ul {
    list-style: none;
    padding-left: 0; }
    .contact-section .content-row .contact-ul li span {
      font-size: 15px;
      opacity: .7; }
    .contact-section .content-row .contact-ul li strong {
      padding-right: 5px; }
    .contact-section .content-row .contact-ul li:first-child {
      margin-bottom: 20px; }
    .contact-section .content-row .contact-ul li:nth-child(3) strong {
      padding-right: 10px; }
  .contact-section .logo-row {
    display: flex;
    justify-content: center;
    padding-top: 50px; }
    .contact-section .logo-row ul {
      list-style: none;
      padding-left: 0; }
      .contact-section .logo-row ul li {
        display: inline-block; }
        .contact-section .logo-row ul li img {
          padding-right: 30px;
          position: relative;
          top: 11px; }
        .contact-section .logo-row ul li p {
          color: #000000;
          opacity: 0.64;
          font-size: 17px; }

@media screen and (max-width: 1199px) {
  .about-timeline-section .timeline-row .left-ul li:before {
    right: -18px; }
  .about-timeline-section .timeline-row .right-ul li:before {
    left: -18px; }
  .awards-section .content-row h3 {
    font-size: 17px; }
  .awards-section .inner-mask:before {
    border-left: 80vw solid transparent;
    border-right: 80vw solid transparent;
    margin-left: -30%; } }

@media screen and (max-width: 991px) {
  .about-timeline-section .title-row h1 {
    padding-bottom: 150px; }
  .about-timeline-section .large {
    display: none; }
  .about-timeline-section .small {
    display: block; }
  .about-timeline-section .inner-mask:before {
    content: none; }
  .about-timeline-section .timeline-row .timeline-icon-top {
    position: relative;
    top: -100px;
    left: 20px; }
  .about-timeline-section .timeline-row ul li {
    position: relative;
    width: 60%;
    margin-bottom: 120px; }
    .about-timeline-section .timeline-row ul li img {
      padding-top: 0;
      padding-bottom: 0;
      position: relative;
      top: -20px; }
  .about-timeline-section .timeline-row .left-ul .small-timeline-top {
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    top: -85px; }
  .about-timeline-section .timeline-row .left-ul .small-timeline-bottom {
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    top: 130px; }
  .about-timeline-section .timeline-row .left-ul li:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 50%;
    margin-right: -40px;
    margin-top: -40px; }
  .about-timeline-section .timeline-row .right-ul {
    margin-top: 0; }
    .about-timeline-section .timeline-row .right-ul .small-timeline-bottom {
      position: absolute;
      left: 50%;
      margin-left: -12.5px;
      top: 130px; }
    .about-timeline-section .timeline-row .right-ul li:before {
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      left: 50%;
      margin-left: -40px;
      margin-top: -40px; }
  .ideas-section .text-row p {
    padding-top: 30px;
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px; }
  .ideas-section .tiles-row h2 {
    padding-top: 10px; }
  .ideas-section .tiles-row h3 {
    padding-bottom: 30px; }
  .awards-section {
    background-color: #fefefe; }
    .awards-section .inner-mask:before, .awards-section .awards-section .inner-mask-2:before {
      content: none; }
  .team-section .team-text p {
    padding-left: 50px;
    padding-right: 50px; }
  .contact-section .title-row {
    padding-bottom: 20px; }
    .contact-section .title-row p {
      padding-left: 50px;
      padding-right: 50px; }
  .contact-section .content-row .linkedin-ul {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    padding-left: 0; }
  .contact-section .content-row .col-lg-7 {
    display: flex;
    justify-content: center; } }

@media screen and (max-width: 767px) {
  .about-timeline-section .timeline-row .left-ul li:before {
    left: 50%;
    margin-left: -40px; }
  .about-timeline-section .timeline-row .right-ul li:before {
    left: 50%;
    margin-left: -40px; }
  .about-timeline-section .timeline-row ul li {
    width: 60%; }
    .about-timeline-section .timeline-row ul li img {
      left: 0; }
  .ideas-section .tiles-row h2 {
    padding-top: 0;
    margin-top: 10px; }
  .contact-section .logo-row ul li {
    display: block; }
    .contact-section .logo-row ul li img {
      position: initial;
      margin: 0 auto;
      padding-bottom: 10px;
      margin-top: 30px; } }

@media screen and (max-width: 603px) {
  .about-timeline-section .timeline-row ul li {
    width: 80%; }
  .about-timeline-section .timeline-row .right-ul .small-timeline-bottom {
    top: 130px; } }

@media screen and (max-width: 400px) {
  .about-timeline-section .timeline-row p {
    padding-left: 20px;
    padding-right: 20px; }
  .ideas-section .text-row p {
    padding-left: 20px;
    padding-right: 20px; }
  .team-section .team-text p {
    padding-left: 20px;
    padding-right: 20px; }
  .contact-section .title-row p {
    padding-left: 20px;
    padding-right: 20px; }
  .contact-section .content-row .button a {
    color: #fefefe;
    background-color: #f4511e;
    transition: .3s;
    font-size: 14px;
    padding: 10px 10px 10px 10px; } }

@media screen and (max-width: 350px) {
  .about-timeline-section .timeline-row ul li:nth-child(2):after {
    margin-top: -265px; }
  .about-timeline-section .timeline-row ul li:nth-child(3):after {
    margin-top: -280px; }
  .about-timeline-section .timeline-row .right-ul li:after {
    margin-top: -260px; }
  .about-timeline-section .timeline-row .right-ul li:nth-child(2):after {
    margin-top: -247px; } }

section.about-company {
  position: relative;
  background-color: #32b446; }
  section.about-company iframe {
    width: 60vw;
    height: 35vw;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px; }
  section.about-company .title-row h2 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    padding-top: 0;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: initial;
    line-height: 1.1; }
    section.about-company .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #fff;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      section.about-company .title-row h2 {
        padding-left: 40px;
        padding-right: 40px; } }

.game_day_sky {
  background-image: url("game_day_sky_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/game_day_sky/game_day_sky_header_mock.png*/; }

.click_edu {
  background-image: url("click_edu_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/click_edu/click_edu_header_mock.png*/; }

.sidly_care {
  background-image: url("sidly_care_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/sidly_care/sidly_care_header_mock.png*/; }

.project_u {
  background-image: url("project_u_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/project_u/project_u_header_mock.png*/; }

.vita_smart {
  background-image: url("vita_smart_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/vita_smart/vita_smart_header_mock.png*/; }

.running_league {
  background-image: url("running_league_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/running_league/running_league_header_mock.png*/; }

.travel_by_art {
  background-image: url("travel_by_art_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/travel_by_art/travel_by_art_header_mock.png*/; }

.fritz_exchange {
  background-image: url("fritz_exchange_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/fritz_exchange/fritz_exchange_header_mock.png*/; }

.euro_fleet {
  background-image: url("euro_fleet_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/euro_fleet/euro_fleet_header_mock.png*/; }

.jp2 {
  background-image: url("jp2_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/jp2/jp2_header_mock.png*/; }

.car_expenses {
  background-image: url("car_expenses_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/car_expenses/car_expenses_header_mock.png*/; }

.calori_control {
  background-image: url("calori_control_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/calori_control/calori_control_header_mock.png*/; }

.amped {
  background-image: url("amped_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/amped/amped_header_mock.png*/; }

.book_apart {
  background-image: url("book_apart_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/book_apart/book_apart_header_mock.png*/; }

.my_faith_network {
  background-image: url("my_faith_network_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/my_faith_network/my_faith_network_header_mock.png*/; }

.gkn {
  background-image: url("gkn_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/gkn/gkn_header_mock.png*/; }

.hdef {
  background-image: url("hdef_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/hdef/hdef_header_mock.png*/; }

.extra_free {
  background-image: url("extra_free_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/extra_free/extra_free_header_mock.png*/; }

.bearshunt {
  background-image: url("bearshunt_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/bearshunt/bearshunt_header_mock.png*/; }

.hoosthere {
  background-image: url("hoosthere_header_mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/hoosthere/hoosthere_header_mock.png*/; }

.tip-off {
  background-image: url("tip-off-header-mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/tip-off/tip-off-header-mock.png*/; }

.snicha {
  background-image: url("snicha-header-mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/snicha/snicha-header-mock.png*/; }

.lumesse-talent-link {
  background-image: url("lumesse-talent-link-header-mock.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/lumesse-talent-link/lumesse-talent-link-header-mock.png*/; }

.app_header {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 150%;
  padding-top: 85px;
  position: relative; }
  .app_header .featured {
    position: absolute;
    // z-index: 99999;
    width: 100%; }
    .app_header .featured img {
      position: absolute;
      right: 15%;
      top: -10px; }
  .app_header .content-row {
    text-align: center;
    color: #fefefe;
    text-transform: uppercase;
    position: relative;
    // z-index: 999; }
    .app_header .content-row h1 {
      font-size: 3em;
      padding-top: 120px; }
      .app_header .content-row h1 img {
        position: relative;
        top: -10px; }
    .app_header .content-row h2 {
      font-size: 1.4em;
      margin-top: 30px;
      margin-bottom: 70px; }

.all-sections {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
  padding: 0;
  margin-bottom: 150px;
  margin-top: 100px; }

.portfolio_single {
  background-color: #fefefe; }
  .portfolio_single .nav__igation {
    display: block !important; }
    .portfolio_single .nav__igation .nav__bar {
      // z-index: 99999999; }
  .portfolio_single .nav__bar-menu {
    position: absolute; }
  .portfolio_single .parallax-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("pattern-dots-1.png")/*tpa=https://www.qsdbih.com/img/pattern-dots.png*/;
    background-repeat: repeat;
    background-color: rgba(44, 62, 80, 0.2);
    opacity: .7; }

.title-row {
  text-align: center;
  color: #4d5258; }
  .title-row h1, .title-row h2 {
    letter-spacing: 3px;
    font-size: 28px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.3; }
    .title-row h1:after, .title-row h2:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #959394;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .3em;
      margin-left: -25px; }

.all-sections .description {
  background-color: #f7f8fa;
  padding-bottom: 65px; }
  .all-sections .description .title-row {
    padding-bottom: 30px;
    padding-bottom: 60px; }
  .all-sections .description .content-row {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px; }
    .all-sections .description .content-row h2, .all-sections .description .content-row h3 {
      text-transform: capitalize;
      color: #4d5258; }
    .all-sections .description .content-row h3 {
      font-size: 26px;
      padding-top: 10px;
      font-weight: bold; }
      .all-sections .description .content-row h3 + p {
        margin-top: 20px;
        font-size: 16px;
        text-transform: uppercase;
        padding-bottom: 35px; }
        .all-sections .description .content-row h3 + p img {
          position: relative;
          left: 4px;
          top: -2px; }
          .all-sections .description .content-row h3 + p img.flag {
            width: 13px;
            height: 13px; }
    .all-sections .description .content-row p {
      color: #4d5258;
      padding-bottom: 35px;
      width: 90%; }
    .all-sections .description .content-row .metodology-list {
      list-style: none;
      color: #089eef;
      padding-left: 0;
      margin-left: -7px; }
      .all-sections .description .content-row .metodology-list li {
        padding-bottom: 15px;
        padding-left: 10px;
        font-size: 18px; }
        .all-sections .description .content-row .metodology-list li img {
          padding-right: 20px; }
    .all-sections .description .content-row .technology-list {
      list-style: none;
      padding-left: 10px;
      display: flex;
      border-top: 1px solid #ababac;
      padding-top: 40px;
      margin-top: 35px;
      padding-bottom: 100px; }
      .all-sections .description .content-row .technology-list li {
        display: inline-block;
        padding-right: 40px; }

.key_functions {
  background-color: #ffffff; }
  .key_functions .content-row {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 100px;
    padding-bottom: 50px; }
    .key_functions .content-row img {
      margin-top: -40px; }
    .key_functions .content-row .funtionalities-list {
      padding-top: 80px;
      font-size: 18px;
      padding-left: 0;
      width: 70%;
      margin-left: 20%; }
      .key_functions .content-row .funtionalities-list li {
        list-style-image: url("list_check.png")/*tpa=https://www.qsdbih.com/main/portfolio/apps/img/list_check.png*/;
        padding-bottom: 15px; }
    .key_functions .content-row .store-list {
      list-style: none;
      padding-left: 0; }

.project_scope {
  background-color: #f7f8fa; }
  .project_scope .title-row {
    padding-bottom: 50px; }
  .project_scope .content-row {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 70px;
    display: flex;
    justify-content: center; }
    .project_scope .content-row h2 {
      padding-top: 15px;
      color: #4d5258;
      font-size: 18px; }

.client_opinion {
  background-color: #ffffff;
  padding-left: 150px;
  padding-right: 150px; }
  .client_opinion .title-row {
    padding-bottom: 35px; }
  .client_opinion .content-row {
    position: relative; }
    .client_opinion .content-row .quote {
      position: absolute;
      right: 0;
      opacity: 0.5;
      // z-index: 1; }
    .client_opinion .content-row p {
      color: #4d5258;
      text-align: center;
      padding-top: 65px;
      width: 85%;
      margin-left: 7.5%;
      // z-index: 999;
      position: relative; }
      .client_opinion .content-row p span {
        float: right;
        margin-top: 10px;
        font-size: 15px; }
    .client_opinion .content-row .rate-list {
      list-style: none;
      padding-left: 0;
      display: flex;
      justify-content: center;
      margin-top: 60px;
      padding-bottom: 60px; }
      .client_opinion .content-row .rate-list li {
        display: inline-block;
        padding-right: 5px;
        font-size: 15px; }
        .client_opinion .content-row .rate-list li:nth-child(6) {
          padding-left: 5px; }
        .client_opinion .content-row .rate-list li i {
          color: #ffc107; }

.media {
  text-align: center;
  color: #fefefe;
  position: relative;
  margin-top: 0;
  background-image: url("photo_newspaper.png")/*tpa=https://www.qsdbih.com/portfolio/apps/img/photo_newspaper.png*/;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right; }
  .media .content-row {
    position: relative;
    // z-index: 999;
    color: #fefefe; }
    .media .content-row h1 {
      font-size: 22px; }
    .media .content-row img {
      margin: 0 auto;
      padding-top: 30px;
      padding-bottom: 40px; }
    .media .content-row a {
      background: #fefefe;
      opacity: .4;
      text-transform: uppercase;
      font-size: 14px;
      border-radius: 4px;
      padding: 5px 30px 5px 30px;
      transition: .4s all; }
      .media .content-row a:hover {
        text-decoration: none;
        opacity: .8; }
  .media .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-color: #096bbf;
    opacity: 0.8; }

.similar_project_background_2 {
  background-color: #ffffff; }

.similar_project_background_1 {
  background-color: #f7f8fa; }

.similar_project .content-row {
  text-align: center;
  padding-top: 50px; }
  .similar_project .content-row .col-lg-4:nth-child(2) {
    border-left: 2px solid #98999b;
    height: 220px; }
  .similar_project .content-row .col-lg-4:nth-child(3) {
    border-left: 2px solid #98999b;
    height: 220px; }
  .similar_project .content-row h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #98999b;
    padding-top: 30px;
    font-size: 18px; }
  .similar_project .content-row img {
    padding-top: 45px; }

.similar_project .full-visible .card_front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg) !important; }

.similar_project .full-visible .card_back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg) !important; }

.similar_project .card {
  height: 110px; }
  @media screen and (min-width: 992px) {
    .similar_project .card:hover .card_front {
      -webkit-transform: rotateY(-180deg);
      transform: rotateY(-180deg); }
    .similar_project .card:hover .card_back {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg); } }
  .similar_project .card .card_back {
    position: absolute;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .similar_project .card .card_front, .similar_project .card .card_back {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s; }
  .similar_project .card .card_back {
    top: -40px; }

.go_back {
  text-align: center;
  padding-top: 100px; }
  .go_back a {
    color: #119FEA; }
    .go_back a:hover {
      text-decoration: none; }
    .go_back a img {
      padding-left: 15px; }

@media screen and (max-width: 1199px) {
  .app_header .featured img {
    top: -14px; } }

@media screen and (max-width: 991px) {
  .all-sections {
    margin-bottom: 100px; }
  section {
    padding-bottom: 20px; }
  .app_header .featured img {
    top: -48px; }
  .description .title-row {
    padding-bottom: 0; }
  .key_functions .content-row img {
    padding-left: 100px;
    padding-right: 100px; }
  .key_functions .content-row .functionalities-container {
    display: flex;
    justify-content: center; }
    .key_functions .content-row .functionalities-container .funtionalities-list {
      width: initial;
      margin-left: 0; }
  .project_scope .title-row h2 {
    padding-bottom: 40px; }
  .project_scope .content-row {
    display: block;
    padding-top: 0;
    padding-bottom: 0; }
    .project_scope .content-row .col-sm-12 {
      padding-bottom: 50px; }
    .project_scope .content-row h4 {
      padding-top: 0;
      padding-bottom: 30px; }
  .similar_project .card {
    height: 200px; }
  .similar_project .content-row .col-lg-4:nth-child(2) {
    border-left: 0; }
  .similar_project .content-row .col-lg-4:nth-child(3) {
    border-left: 0; }
  .similar_project .content-row h4 {
    padding-bottom: 50px; } }

@media screen and (max-width: 900px) {
  .app_header {
    background-position: 0 150%; } }

@media screen and (max-width: 767px) {
  .app_header .featured img {
    width: 100px; }
  .description .content-row .metodology-list li img {
    width: initial; }
  .key_functions .content-row .funtionalities-list {
    padding-left: 0;
    padding-right: 0;
    width: 85%;
    margin-left: 8%; }
  .media .content-row img {
    width: 60%; }
  .client_opinion {
    padding-left: 80px;
    padding-right: 80px; }
    .client_opinion .content-row .quote {
      width: 20%; } }

@media screen and (max-width: 650px) {
  .description .content-row .technology-list {
    display: block; }
    .description .content-row .technology-list li {
      padding-bottom: 20px; } }

@media screen and (max-width: 500px) {
  .title-row h1 {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (max-width: 450px) {
  .description .content-row {
    padding-left: 20px;
    padding-right: 20px; }
  .key_functions .content-row {
    padding-left: 20px;
    padding-right: 20px; }
  .media .content-row h4 {
    padding-left: 30px;
    padding-right: 30px; }
  .client_opinion {
    padding-left: 40px;
    padding-right: 40px; } }

@media screen and (max-width: 350px) {
  .client_opinion {
    padding-left: 20px;
    padding-right: 20px; }
    .client_opinion .content-row .quote {
      width: 30%; }
  .similar_project .content-row h4 {
    padding-left: 50px;
    padding-right: 50px;
    line-height: 1.4; } }

@media screen and (max-width: 335px) {
  .app_header .content-row h1 img {
    display: flex;
    margin: 0 auto; } }

.help-you-header.services .hero-slider {
  background-image: url("services-header.jpg")/*tpa=https://www.qsdbih.com/img/services-header.jpg*/; }

section.external-cto.services .external-cto-elem p {
  min-height: 55px;
  color: #e6e6e6; }

section.external-cto.how-we-work {
  background-color: #fff;
  color: #000; }
  section.external-cto.how-we-work .external-cto-elem a {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none; }
    section.external-cto.how-we-work .external-cto-elem a:hover {
      background-color: #f6f6f6; }
    section.external-cto.how-we-work .external-cto-elem a .icon img {
      height: 50px;
      width: auto;
      display: initial; }
    section.external-cto.how-we-work .external-cto-elem a p {
      color: #000; }

section.drive-your-app h1 {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 28px; }

section.drive-your-app .button {
  font-family: 'Open Sans', sans-serif;
  color: #fefefe;
  background-color: #32b446;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 1.1em 1.3em;
  transition: all 0.3s ease-in-out;
  font-size: 1.5em;
  margin-left: 50px;
  padding: .5em 1.8em;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

@media screen and (max-width: 991px) {
  section.drive-your-app .button {
    margin: 20px 0; } }

section.timeline-section ul.timeline.higher li.timeline .container {
  padding: 30px 0 80px; }

section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .timeline-body h2 {
  margin-top: 50px;
  padding-left: 0;
  margin-left: 20px;
  color: #32b446;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 27.5px; }

section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .timeline-body a {
  background-color: #4646aa;
  border-radius: 20px; }

section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon:before {
  top: 185px;
  height: calc(110% - 150px); }

section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .brand-img {
  top: 165px; }

section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
  position: absolute;
  top: 50px;
  left: -140px; }
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon img {
    height: auto;
    width: 85px; }

section.timeline-section ul.timeline li.timeline:last-of-type .timeline-panel.timeline-icon:before {
  display: none; }

section.timeline-section ul.timeline li.timeline:last-of-type .timeline-panel.timeline-icon .brand-img {
  display: none; }

section.timeline-section ul.timeline li.timeline.paralax-container {
  padding-bottom: 0; }
  section.timeline-section ul.timeline li.timeline.paralax-container .timeline-panel:before {
    height: calc(110% + 200px); }

section.timeline-section ul.timeline li.timeline .paralax-img {
  position: relative;
  // z-index: 5;
  height: 375px;
  background-position: 50% 50%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  section.timeline-section ul.timeline li.timeline .paralax-img.paralax-1 {
    background-image: url("services-paralax-1.jpg")/*tpa=https://www.qsdbih.com/img/services-paralax-1.jpg*/; }

@media screen and (max-width: 1499px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: -95px; } }

@media screen and (max-width: 1349px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: -40px; } }

@media screen and (max-width: 991px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: -80px; } }

@media screen and (max-width: 881px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: -40px; } }

@media screen and (max-width: 767px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: 15px; } }

@media screen and (max-width: 500px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    left: 0; } }

@media screen and (max-width: 458px) {
  section.timeline-section ul.timeline li.timeline .timeline-panel.timeline-icon .icon {
    display: none; } }

section.low-banner.clutch {
  background-color: #164168; }
  section.low-banner.clutch h1 {
    font-size: 2em;
    font-weight: bold;
    color: #fff; }

section.about-developing {
  background-color: #fff; }
  section.about-developing h3 {
    font-size: 18px; }
  section.about-developing p {
    color: #808080;
    font-size: 18px; }
    section.about-developing p.highlight {
      color: #2e9fe6; }

section.app-development-header {
  color: #4d4d4d;
  padding-top: 130px;
  background-color: #d7ecfb;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  section.app-development-header.ios {
    background-image: url("app-development-header-ios.png")/*tpa=https://www.qsdbih.com/main/img/app-development-header-ios.png*/; }
  section.app-development-header.android {
    background-image: url("app-development-header-android.png")/*tpa=https://www.qsdbih.com/main/img/app-development-header-android.png*/; }
  section.app-development-header.windows-phone {
    background-image: url("app-development-header-windows-phone.png")/*tpa=https://www.qsdbih.com/main/img/app-development-header-windows-phone.png*/; }
  section.app-development-header.beacon {
    background-image: url("app-development-header-beacon.png")/*tpa=https://www.qsdbih.com/main/img/app-development-header-beacon.png*/; }
  section.app-development-header h1 {
    text-transform: none !important; }
  section.app-development-header .list {
    color: #494949;
    margin: 0 auto;
    width: 50vw; }
    section.app-development-header .list ul li.row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      section.app-development-header .list ul li.row i {
        color: #32b446;
        font-size: 20px;
        text-align: center; }
      section.app-development-header .list ul li.row span, section.app-development-header .list ul li.row i {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center; }
      section.app-development-header .list ul li.row:not(:last-of-type) {
        margin-bottom: 15px; }

section.app-development.similar_project h2 {
  text-transform: uppercase;
  font-weight: 700;
  color: #98999b;
  padding-top: 30px;
  padding-bottom: 50px;
  font-size: 18px;
  margin-top: 10px; }
  section.app-development.similar_project h2.title {
    padding-top: 20px;
    font-size: 30px;
    margin-top: 0;
    color: #4d5258; }

@media screen and (max-width: 1100px) {
  section.app-development-header {
    background-size: cover;
    background-position: left center; } }

section.low-banner {
  padding: 3em 0 !important; }
  section.low-banner h2 {
    font-size: 2em;
    font-weight: bold;
    color: #fff; }

@media screen and (max-width: 991px) {
  section.low-banner .row div:not(:last-of-type) {
    margin-bottom: 2em; } }

@media screen and (min-width: 992px) {
  section.low-banner .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    section.low-banner .row > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-align: center;
      -webkit-align-items: center; } }

section.drive-your-app.hire {
  background-color: #101c2b; }
  section.drive-your-app.hire .button {
    background-color: #32b446;
    border-radius: 20px; }
  section.drive-your-app.hire h1 {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 28px; }

section.check-advantages {
  background-color: #f8f8f8;
  color: #333333;
  font-size: 18px; }

section.how-we-work.hire p {
  font-size: 18px;
  color: #808080; }
  section.how-we-work.hire p.header {
    color: #333333; }

section.how-we-work.hire .row > div {
  padding-top: 40px;
  padding-bottom: 30px; }
  section.how-we-work.hire .row > div:hover {
    background-color: #f8f8f8; }

section.contact-us.hire {
  background-color: #d9eefd; }
  section.contact-us.hire i.fa {
    font-size: 1.2em; }
    section.contact-us.hire i.fa + span {
      padding-left: 0; }
  section.contact-us.hire .form-group {
    box-shadow: none;
    background-color: #d9eefd;
    padding: 1em 1em 3em; }
    section.contact-us.hire .form-group ::-webkit-input-placeholder {
      color: #76a8cb; }
    section.contact-us.hire .form-group :-moz-placeholder {
      color: #76a8cb; }
    section.contact-us.hire .form-group ::-moz-placeholder {
      color: #76a8cb; }
    section.contact-us.hire .form-group :-ms-input-placeholder {
      color: #76a8cb; }
  section.contact-us.hire input[type="email"], section.contact-us.hire input[type="text"], section.contact-us.hire textarea {
    background-color: #b2ddfb !important;
    color: #76a8cb; }
  section.contact-us.hire label[for="checkbox"] {
    color: #76a8cb;
    font-weight: normal; }
  section.contact-us.hire .button {
    border-radius: 15px; }

section.hire-header {
  color: #4d4d4d;
  padding-top: 200px;
  background-color: #d7ecfb; }
  section.hire-header .title-row:before {
    position: absolute;
    top: -105px;
    right: -15px;
    display: block;
    width: 407px;
    height: 175px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("available-now.png")/*tpa=https://www.qsdbih.com/main/img/available-now.png*/; }
  section.hire-header p {
    font-size: 18px;
    color: #808080; }
    section.hire-header p.header {
      color: #333333; }
  section.hire-header .row.items p.header {
    font-size: 24px; }
  section.hire-header .row.items > div {
    margin-bottom: 40px;
    height: 350px; }
  section.hire-header .button {
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    background-color: #32b446;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    font-size: 1.5em;
    padding: .5em 1.8em;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

section.tags .tags-container {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  section.tags .tags-container span {
    cursor: default;
    display: inline-block;
    margin-bottom: 15px;
    color: #3fa9f5;
    padding: 0 8px; }
    section.tags .tags-container span.high {
      font-size: 40px; }
    section.tags .tags-container span.low {
      font-size: 24px; }
    section.tags .tags-container span:hover {
      -webkit-animation-name: shiver;
      animation-name: shiver;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .row.items > div {
    height: 500px !important; } }

@media screen and (max-width: 767px) {
  .row.items > div {
    height: initial !important; } }

@media screen and (max-width: 991px) {
  section.check-advantages .row {
    margin-bottom: 0; }
  section.check-advantages .container > .row > div {
    margin-bottom: 50px; }
  section.how-we-work.hire > .container > .row > div {
    margin-bottom: 50px; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section.hire-header .title-row:before {
    right: -95px; } }

@media screen and (max-width: 991px) {
  section.hire-header .title-row:before {
    right: -15px; }
  section.hire-header .title-row h1 {
    width: 75%;
    margin: 0 auto; } }

@media screen and (max-width: 750px) {
  section.hire-header {
    padding-top: 130px; }
    section.hire-header .title-row:before {
      display: none; }
    section.hire-header .title-row h1 {
      width: 100%; } }

@media screen and (min-width: 992px) {
  section.how-we-work.hire .row > div {
    padding-top: 40px;
    height: 525px; } }

@-webkit-keyframes shiver {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  5% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  10% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  15% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  25% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  30% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  35% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  45% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  55% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  65% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  80% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  85% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  90% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  95% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes shiver {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  5% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  10% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  15% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  25% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  30% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  35% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  45% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  55% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  65% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  80% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  85% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  90% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  95% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

section.software-house h1:after {
  border-bottom: 4px solid #32b446 !important; }

section.software-house p.head {
  color: #321464;
  text-align: center;
  font-size: 65px;
  font-weight: bold; }

section.software-house p {
  color: #32b446;
  font-size: 15px; }

section.software-house .row {
  margin-bottom: 50px; }
  section.software-house .row > div {
    height: 150px;
    margin: 25px 0; }
    section.software-house .row > div:not(:last-of-type) {
      border-right: 3px solid #f7f5f5; }
    section.software-house .row > div > div {
      height: 170px;
      padding: 25px 0;
      margin: 0 20px;
      margin-top: -10px; }
      section.software-house .row > div > div:hover {
        background-color: #f0efef; }
  section.software-house .row:last-of-type {
    text-align: center; }
    section.software-house .row:last-of-type > div {
      display: inline-block;
      float: none; }

@media screen and (max-width: 991px) {
  section.software-house .row {
    margin-bottom: 0; }
    section.software-house .row > div {
      border-right: none !important; } }

section.one-of-us {
  background-color: #32b446;
  color: #fff; }
  section.one-of-us h1 {
    color: #fff; }
    section.one-of-us h1:after {
      border-bottom: 4px solid #fff !important; }

section.looking-for {
  background-color: #f7f5f5 !important; }
  section.looking-for h1 {
    display: block;
    text-align: center;
    color: #000; }
    section.looking-for h1:after {
      border-bottom: 4px solid #32b446 !important; }
  section.looking-for .row > div a {
    text-decoration: none !important; }
  section.looking-for .row > div .wrapper {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 180px;
    margin: 35px auto; }
    section.looking-for .row > div .wrapper p {
      position: relative;
      // z-index: 2;
      font-weight: bold;
      color: #fff;
      padding-top: 65px; }
    section.looking-for .row > div .wrapper .overlay {
      opacity: 1;
      background-image: none;
      position: absolute;
      display: block;
      background-color: rgba(11, 72, 149, 0.4);
      transition: .5s; }
    section.looking-for .row > div .wrapper:hover .overlay {
      background-color: rgba(11, 72, 149, 0.7); }
  section.looking-for .row > div:nth-of-type(6n) .wrapper {
    background-image: url("looking-for-1.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-1.png*/; }
  section.looking-for .row > div:nth-of-type(6n+1) .wrapper {
    background-image: url("looking-for-2.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-2.png*/; }
  section.looking-for .row > div:nth-of-type(6n+2) .wrapper {
    background-image: url("looking-for-3.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-3.png*/; }
  section.looking-for .row > div:nth-of-type(6n+3) .wrapper {
    background-image: url("looking-for-4.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-4.png*/; }
  section.looking-for .row > div:nth-of-type(6n+4) .wrapper {
    background-image: url("looking-for-5.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-5.png*/; }
  section.looking-for .row > div:nth-of-type(6n+5) .wrapper {
    background-image: url("looking-for-6.png")/*tpa=https://www.qsdbih.com/main/img/looking-for-6.png*/; }
  section.looking-for .button {
    margin-top: 0 !important;
    background-color: #32b446;
    border-radius: 20px;
    margin-left: 0;
    height: 40px;
    font-size: 1.1em; }
  section.looking-for .got-talent {
    font-size: 16px;
    line-height: 40px; }

section.our-team {
  background-color: #fff;
  color: #fff; }
  section.our-team h1:after {
    border-bottom: 4px solid #32b446 !important; }
  section.our-team #our-team-quotes {
    min-height: 260px; }
    section.our-team #our-team-quotes img {
      width: 100px;
      height: 100px;
      border-radius: 50%; }
    section.our-team #our-team-quotes + .lSAction a {
      width: 31px;
      height: 59px; }
      section.our-team #our-team-quotes + .lSAction a.lSPrev {
        margin-left: 40px;
        background-image: url("prev.png")/*tpa=https://www.qsdbih.com/main/img/prev.png*/; }
      section.our-team #our-team-quotes + .lSAction a.lSNext {
        margin-right: 40px;
        background-image: url("next.png")/*tpa=https://www.qsdbih.com/main/img/next.png*/; }
  section.our-team .lSPager {
    display: none; }

section.recruitment-process h1:after {
  border-bottom: 4px solid #32b446 !important; }

section.recruitment-process .container.items {
  background-color: #f8f8f8;
  padding: 50px 0; }
  section.recruitment-process .container.items .item {
    position: relative; }
    section.recruitment-process .container.items .item:before {
      content: '';
      display: block;
      width: 1px;
      top: 90px;
      height: calc(120% - 160px);
      background-color: #b3b3b3;
      position: absolute;
      left: 108px; }
    section.recruitment-process .container.items .item p:last-of-type {
      color: #7f7d7d; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section.recruitment-process .container.items .item:before {
    left: 91px; } }

@media screen and (min-width: 767px) and (max-width: 991px) {
  section.recruitment-process .container.items .item:before {
    left: 73px; } }

@media screen and (min-width: 501px) and (max-width: 766px) {
  section.recruitment-process .container.items .item:before {
    left: 10.5%; } }

@media screen and (max-width: 635px) {
  section.recruitment-process .container.items .item .row div.col-xs-2 {
    padding: 0; } }

@media screen and (max-width: 500px) {
  section.recruitment-process .container.items .item:before {
    left: 14%; }
  section.recruitment-process .container.items .item .row div.col-xs-10 {
    padding-left: 50px; } }

section.carriers-footer {
  background-color: #fbfafa !important;
  background-image: url("foot-trapeze.png")/*tpa=https://www.qsdbih.com/main/img/foot-trapeze.png*/;
  background-position: right center;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  margin-bottom: -25px; }
  section.carriers-footer .title:after {
    border-bottom: 4px solid #32b446 !important; }
  section.carriers-footer .button {
    background-color: #ff652d;
    border-radius: 20px;
    margin-left: 0;
    height: 40px;
    font-size: 1.1em;
    text-transform: none; }
  section.carriers-footer .linkedin-ul {
    padding-top: 0 !important; }
  section.carriers-footer h1 {
    color: #000;
    text-align: center;
    display: block;
    margin-top: 20px; }

@media screen and (min-width: 1000px) {
  section.carriers-footer h1 + .row {
    width: 75%;
    margin: 50px auto; } }

section.companies h1:after {
  border-bottom: 4px solid #32b446 !important; }

section.companies .row {
  text-align: center; }
  section.companies .row > div {
    float: none;
    display: inline-block; }

section.slogan-content.carriers {
  background-image: url("carrier-photo.jpg")/*tpa=https://www.qsdbih.com/main/img/carrier-photo.jpg*/ !important;
  height: 260px; }

section.carriers-header {
  min-height: 500px;
  background-image: url("team.jpg")/*tpa=https://www.qsdbih.com/main/img/team.jpg*/;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center; }
  @media screen and (min-width: 1136px) and (max-width: 1200px) {
    section.carriers-header {
      background-position-y: 1vw; } }
  @media screen and (max-width: 1135px) {
    section.carriers-header {
      background-position-y: 5vw; } }
  section.carriers-header h1.title {
    color: #fff;
    font-size: 40px;
    padding-bottom: 0;
    margin-top: 120px; }
    section.carriers-header h1.title:after {
      border-bottom: none; }
    section.carriers-header h1.title span {
      border-bottom: 4px solid #fff;
      padding-top: 10px;
      margin: 0 auto;
      display: block;
      width: 50px; }
  section.carriers-header .overlay {
    opacity: .75; }

header.carriers nav__.hidden-xs {
  height: 70px;
  background-color: #fdfdfd; }
  header.carriers nav__.hidden-xs .nav__-wrapper .nav__ {
    border-top: none; }
  header.carriers nav__.hidden-xs #main-menu {
    float: right;
    margin-top: 5px; }
    header.carriers nav__.hidden-xs #main-menu li {
      font-size: 18px; }
      header.carriers nav__.hidden-xs #main-menu li.join-us {
        background-color: #32b446;
        background-image: url("icon-chat.png")/*tpa=https://www.qsdbih.com/main/img/icon/icon-chat.png*/;
        background-repeat: no-repeat;
        background-position: 13% 52%;
        padding: 2px 5px;
        margin-top: -3px;
        margin-left: 15px;
        border-radius: 20px; }
        header.carriers nav__.hidden-xs #main-menu li.join-us a {
          margin-left: 20px;
          color: #fff !important;
          border-bottom: none !important; }
          header.carriers nav__.hidden-xs #main-menu li.join-us a:hover {
            color: #000;
            border-bottom: none !important; }
  header.carriers nav__.hidden-xs > .container {
    margin-top: 10px; }

header.carriers .nav__bar-header a {
  float: left; }

header.carriers .nav__bar-header span {
  float: left;
  font-size: 13px;
  color: #321464; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section.carriers-header h1.title:after {
    right: 75px; } }

@media screen and (min-width: 730px) and (max-width: 991px) {
  section.carriers-header h1.title:after {
    right: -35px; } }

@media screen and (max-width: 729px) {
  section.carriers-header h1.title:after {
    display: none !important; } }

.form-button-plus {
  display: none !important;
  font-family: 'Open Sans', sans-serif;
  color: #e1e1e1;
  background-color: #32b446;
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 1.1em 1.3em;
  transition: all 0.3s ease-in-out;
  border-radius: 100%;
  position: fixed;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  bottom: 2%;
  right: 2%;
  // z-index: 999;
  cursor: pointer;
  font-size: 1.5em;
  opacity: .7;
  // z-index: 9999; }
  .form-button-plus:hover {
    background-color: #2b9c3d;
    color: #e1e1e1; }
  .form-button-plus:hover {
    opacity: 1;
    color: #fff; }

@media screen and (max-width: 63.9375em) {
  .go-to-top {
    padding: .4em .5em; } }

.footer, .footer-foundation {
  padding-top: 3em;
  font-size: .8em;
  line-height: 1.4em;
  background-color: #0c1421;
  color: #e1e1e1;
  font-weight: normal; }
  @media screen and (max-width: 768px) {
    .footer .social-list, .footer .footer-text, .footer-foundation .social-list, .footer-foundation .footer-text {
      text-align: center;
      margin: 1em auto; } }
  .footer hr, .footer-foundation hr {
    margin-top: 60px; }
  .footer .footer-text, .footer-foundation .footer-text {
    margin-bottom: 4em; }

.our-work-certifi .certifi-row .certifi-box .widget-text div:nth-child(4) img {
  bottom: -5px; }

.certifi-row {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  margin-top: 30px; }

.certifi-box .widget-text .widget-title {
  border: 0 !important;
  font-size: 20px;
  margin-left: 20px; }

.certifi-box .widget-text div:nth-child(2) img {
  position: relative;
  bottom: 10px; }

.certifi-box .widget-text div:nth-child(3) {
  display: flex;
  justify-content: center; }
  .certifi-box .widget-text div:nth-child(3) img {
    position: relative;
    bottom: -5px; }

.certifi-box .widget-text div:nth-child(4) img {
  position: relative;
  bottom: -15px; }

.certifi-box .widget-text div:nth-child(5) img {
  position: relative;
  bottom: -5px; }

@media screen and (min-width: 1200px) {
  .our-work-certifi .certifi-row .certifi-box .widget-text div:nth-child(2) img {
    width: 80%; } }

@media screen and (max-width: 1199px) {
  .certifi-box .widget-text div:nth-child(2) img {
    bottom: 10px; }
  .certifi-box .widget-text div:nth-child(5) img {
    position: relative;
    bottom: -5px; } }

@media screen and (max-width: 991px) {
  .certifi-box .widget-text div:nth-child(2) img {
    bottom: 0;
    width: 70%; }
  .certifi-box .widget-text div:nth-child(3) img {
    bottom: -5px; }
  .certifi-box .widget-text div:nth-child(4) {
    display: flex;
    justify-content: center; }
    .certifi-box .widget-text div:nth-child(4) img {
      bottom: -45px; }
  .certifi-box .widget-text div:nth-child(5) img {
    bottom: -5px; } }

@media screen and (max-width: 767px) {
  .our-work-certifi .certifi-row .certifi-box .widget-text .col-xs-12 {
    display: flex;
    justify-content: center; }
  .our-work-certifi .certifi-row .certifi-box .widget-text div:nth-child(3) img {
    bottom: -5px; }
  .certifi-box .widget-text div:nth-child(2) img {
    height: 100%;
    width: 35%;
    margin-bottom: 5px; }
  .certifi-box .widget-text div:nth-child(3) {
    justify-content: flex-start; }
    .certifi-box .widget-text div:nth-child(3) img {
      bottom: -5px; }
  .certifi-box .widget-text div:nth-child(4) {
    justify-content: flex-start; }
    .certifi-box .widget-text div:nth-child(4) img {
      bottom: -15px; }
  .certifi-box .widget-text div:nth-child(5) img {
    bottom: -15px; } }

@media screen and (max-width: 550px) {
  .certifi-box .widget-text div:nth-child(2) img {
    width: 50%; } }

@media screen and (max-width: 450px) {
  .certifi-box .widget-text div:nth-child(2) img {
    width: 65%; } }

.widget-wrap .widget-title {
  border-bottom: 1px solid #a0a7aa;
  padding-bottom: .3em;
  margin-top: 10px;
  margin-bottom: 20px; }

.widget-wrap .widget-text .list-unstyled {
  font-size: 1.1em;
  line-height: 1.6em; }

.widget-wrap .widget-text p {
  font-size: 1em;
  line-height: 1.4em; }

.widget-wrap .widget-text span {
  font-size: 1.1em; }

.widget-wrap .widget-text .skype-footer {
  color: #e1e1e1;
  text-decoration: none;
  font-size: 1.7em; }
  .widget-wrap .widget-text .skype-footer i {
    font-size: 1.2em;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 2px; }

.widget-wrap i {
  padding: .5em;
  font-size: 1.4em; }

.widget-wrap .localization {
  display: inline; }
  .widget-wrap .localization span {
    display: inline-table; }
    .widget-wrap .localization span p {
      line-height: .9em; }

.widget-wrap #SkypeButton_Call_ready4s img {
  margin: 10px !important;
  vertical-align: 0 !important; }

.widget-wrap .certifi-center {
  margin: 1em 0;
  display: block; }

.widget-wrap-legal {
  padding: 0 .5em; }
  .widget-wrap-legal .widget-title {
    border-bottom: 1px solid #a0a7aa;
    padding-bottom: .3em;
    margin-bottom: 1em; }
  .widget-wrap-legal .widget-text .list-unstyled {
    font-size: 1.1em;
    line-height: 1.6em; }
  .widget-wrap-legal .widget-text p {
    font-size: 1.1em;
    line-height: 1.7em;
    margin-bottom: 2em; }
  .widget-wrap-legal .widget-text a {
    color: #fefefe;
    font-size: 1.2em;
    font-weight: bold; }
  .widget-wrap-legal .widget-text i {
    margin-right: 5px; }

.form-footer {
  color: #232323; }
  .form-footer .button {
    display: inline-block;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    background-color: #32b446;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 1.1em 1.3em;
    transition: all 0.3s ease-in-out;
    padding: .6em 4.5em;
    border-radius: 2px;
    border: none; }
    .form-footer .button:hover {
      background-color: #2b9c3d;
      color: #fefefe; }
  .form-footer .form-group label {
    width: 100%; }
  .form-footer .form-group .form-control {
    border-radius: 0;
    margin-bottom: .5em; }
  .form-footer .form-group fieldset {
    margin: .4em 0 .8em; }
  .form-footer .form-group .error {
    color: #f44336;
    font-size: .85em; }
  .form-footer .form-group .segment-content .success, .form-footer .form-group .segment-content .error {
    margin-top: 1em;
    padding: 1em .5em;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    background-color: #efefef; }
    .form-footer .form-group .segment-content .success:after, .form-footer .form-group .segment-content .error:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #25c65e;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .6em;
      margin-left: -25px; }
    .form-footer .form-group .segment-content .success .error:after, .form-footer .form-group .segment-content .error .error:after {
      border-color: 4px solid #f44336; }
  .form-footer .form-group .read-more {
    padding-top: 2em;
    text-align: right; }
    .form-footer .form-group .read-more a {
      color: #32b446; }

div.social-list ul.social-list {
  list-style: none;
  display: table;
  padding: 0; }

div.social-list ul.social-list li {
  float: left;
  padding: 0;
  list-style: none;
  margin: 0 10px 10px 0;
  background: none; }

div.social-list ul.social-list a {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  /*margin-right: 2px;*/
  background-image: url("social-media-exp.png")/*tpa=https://www.qsdbih.com/main/img/social-media-exp.png*/;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  div.social-list ul.social-list a:hover {
    transform: translateY(-10px); }

footer.footer p.widget-title {
  font-size: 24px; }

section.contact-us-page {
  padding-top: 7em;
  position: relative;
  min-height: 600px;
  background-image: url("contact-us-background.png")/*tpa=https://www.qsdbih.com/main/img/contact-us-background.png*/;
  background-repeat: no-repeat;
  background-size: cover; }
  section.contact-us-page:before {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("contact-us-background-overlay.png")/*tpa=https://www.qsdbih.com/main/img/contact-us-background-overlay.png*/;
    background-repeat: no-repeat;
    background-size: cover;
    // z-index: 1; }
  section.contact-us-page .heading {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    text-align: left;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #000;
    padding-top: 15px; }
    section.contact-us-page .heading:after {
      display: block;
      position: absolute;
      content: "";
      border-bottom: 4px solid #f40a7d;
      height: 4px;
      width: 50px;
      left: 50%;
      margin-top: .4em;
      margin-left: -25px; }
    @media screen and (max-width: 991px) {
      section.contact-us-page .heading {
        padding-left: 40px;
        padding-right: 40px; } }
    section.contact-us-page .heading:after {
      left: initial;
      margin-left: initial;
      margin-top: 5px; }
    @media screen and (max-width: 991px) {
      section.contact-us-page .heading {
        padding-left: 0; } }
    section.contact-us-page .heading a {
      color: inherit;
      text-decoration: none; }
      section.contact-us-page .heading a:link, section.contact-us-page .heading a:visited, section.contact-us-page .heading a:hover, section.contact-us-page .heading a:focus, section.contact-us-page .heading a:active {
        color: inherit;
        text-decoration: none; }
  section.contact-us-page h1 {
    position: relative;
    // z-index: 1;
    font-family: Sarala;
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
  section.contact-us-page .contact-form {
    position: relative;
    width: 600px;
    // z-index: 1;
    margin: 50px auto;
    background: #fff;
    padding: 30px;
    border-radius: 10px; }
    @media screen and (max-width: 600px) {
      section.contact-us-page .contact-form {
        width: 100%; } }
    section.contact-us-page .contact-form > img.send-mail {
      position: absolute;
      display: block;
      // z-index: 1; }
      section.contact-us-page .contact-form > img.send-mail:nth-of-type(1) {
        top: -8%;
        right: -27%; }
      section.contact-us-page .contact-form > img.send-mail:nth-of-type(2) {
        right: -44%;
        top: 24%; }
      section.contact-us-page .contact-form > img.send-mail:nth-of-type(3) {
        top: 88%;
        left: -53%; }
    section.contact-us-page .contact-form select, section.contact-us-page .contact-form input, section.contact-us-page .contact-form textarea {
      width: 100%;
      padding: 7px;
      background-color: #f3f3f3;
      border: none;
      font-weight: normal; }
      section.contact-us-page .contact-form select::-webkit-input-placeholder, section.contact-us-page .contact-form input::-webkit-input-placeholder, section.contact-us-page .contact-form textarea::-webkit-input-placeholder {
        color: #cbcbcb; }
      section.contact-us-page .contact-form select::-moz-placeholder, section.contact-us-page .contact-form input::-moz-placeholder, section.contact-us-page .contact-form textarea::-moz-placeholder {
        color: #cbcbcb; }
      section.contact-us-page .contact-form select:-ms-input-placeholder, section.contact-us-page .contact-form input:-ms-input-placeholder, section.contact-us-page .contact-form textarea:-ms-input-placeholder {
        color: #cbcbcb; }
      section.contact-us-page .contact-form select:-moz-placeholder, section.contact-us-page .contact-form input:-moz-placeholder, section.contact-us-page .contact-form textarea:-moz-placeholder {
        color: #cbcbcb; }
      section.contact-us-page .contact-form select + label, section.contact-us-page .contact-form input + label, section.contact-us-page .contact-form textarea + label {
        color: red; }
      section.contact-us-page .contact-form select:focus, section.contact-us-page .contact-form input:focus, section.contact-us-page .contact-form textarea:focus {
        outline: none; }
    section.contact-us-page .contact-form select {
      color: #cbcbcb; }
    section.contact-us-page .contact-form textarea {
      resize: none; }
    section.contact-us-page .contact-form button[type="submit"] {
      background-color: #f40a7f;
      border: none;
      color: #fff;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      border-radius: 7px;
      width: 160px; }
      section.contact-us-page .contact-form button[type="submit"] img {
        margin-right: 10px;
        margin-top: -4px; }
    section.contact-us-page .contact-form .row:not(:last-of-type):not(:first-of-type) {
      margin-bottom: 20px; }
    section.contact-us-page .contact-form .process-information {
      font-size: 15px !important; }
      section.contact-us-page .contact-form .process-information .error {
        color: #ff0000; }
      section.contact-us-page .contact-form .process-information .success {
        color: #008000; }
    section.contact-us-page .contact-form .row.submit > div {
      text-align: right; }

.error_404 {
  font-family: "Sarala", sans-serif;
  font-size: 14px;
  color: #808080;
  background: white;
  padding-bottom: 0;
  padding-top: 220px; }
  .error_404 .image-col {
    float: left;
    text-align: right; }
  .error_404 .image-txt {
    float: right;
    padding: 50px; }
  .error_404 h1 {
    font-size: 72px;
    color: #32b446;
    font-weight: 600;
    text-transform: uppercase; }
  .error_404 .info {
    margin: 20px 0; }
  .error_404 h2 {
    font-size: 24px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 600; }
  .error_404 p {
    margin: 40px 0 60px;
    max-width: 550px; }
  .error_404 .button-row {
    max-width: 550px; }
  .error_404 .separator {
    display: inline-block;
    margin: 14px 30px; }
  .error_404 .btn {
    padding: 14px 8%;
    border-radius: 4px;
    border: 2px solid #32b446;
    color: #32b446;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px; }
  .error_404 .btn-inverse {
    background-color: #32b446;
    color: white; }
  .error_404 .button-row > * {
    width: auto;
    margin: 0;
    padding: 0; }
  @media screen and (max-width: 992px) {
    .error_404 {
      padding-top: 75px; }
    .error_404 .image-col {
      float: none;
      text-align: center; }
    .error_404 .image-col img {
      max-width: 100%; }
    .error_404 .image-txt {
      float: none;
      padding: 0 50px 80px;
      text-align: center; }
    .error_404 p {
      max-width: none; }
    .error_404 .button-row {
      max-width: none; } }