/****************************************/
/* HubSpot Template - Turbo Sodium      */
/* versiondate: Fri May 19 2017 11:52:03 GMT+0200 (CEST)                  */
/****************************************/
/****************************************
- 0V - VARIABLES                     
****************************************/
/*OLD FONT COLOUR: #73797d*/
  
  
  
  
  
  
  
  
/****************************************
- 1R - HUBSPOT RESET STYLES          
****************************************/
/****************************************
- 2G - GLOBALS                       
****************************************/
/****************************************
- 3M - CUSTOM MODULES                
****************************************/
/****************************************
- 4H - HUBSPOT MODULE               
****************************************/
/****************************************
- 5W - WEBSITES              
****************************************/
.product-page-listing-v2-website {
  background-color: #fafafa; }
  .product-page-listing-v2-website .hero-banner {
    margin-bottom: 0px; }
  .product-page-listing-v2-website .listing-wrapper {
    padding-bottom: 50px; }
    .product-page-listing-v2-website .listing-wrapper .view {
      margin-left: 26px;
      margin-top: 28px; }
      .product-page-listing-v2-website .listing-wrapper .view li {
        margin-bottom: 35px !important; }
    .product-page-listing-v2-website .listing-wrapper .single-box-listing {
      float: left;
      width: 100%;
      margin-top: 0px !important;
      margin-bottom: 60px; }
      .product-page-listing-v2-website .listing-wrapper .single-box-listing .featured-image img {
        height: auto; }
    .product-page-listing-v2-website .listing-wrapper .listing-pagination {
      margin-top: 0px; }
    .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing {
      margin-bottom: 40px !important; }
      .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing:nth-child(even) {
        margin-left: 30px !important; }
        @media screen and (max-width: 767px) {
          .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing:nth-child(even) {
            margin-left: 0px !important; } }

/********************************************************/
/********************************************************/
/*******  Website/_product-page-listing-v2-website.scss *******/
/********************************************************/
/********************************************************/
.careers-main-listing-website .hero-banner {
  margin-bottom: 70px; }
  .careers-main-listing-website .hero-banner .hero-banner-wrap {
    margin-top: -30px; }

.careers-main-listing-website .listing-blog-careers {
  margin: 80px 0;
  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; }

.careers-main-listing-website h2 {
  letter-spacing: .04em; }
  .careers-main-listing-website h2 span {
    letter-spacing: 3px; }

/********************************************************/
/********************************************************/
/*******  Website/careers-main-listing-website.scss *******/
/********************************************************/
/********************************************************/
.careers-main-single-website .hero-banner {
  margin-bottom: 0px; }
  .careers-main-single-website .hero-banner .hero-banner-wrap {
    margin-top: -25px; }
    .careers-main-single-website .hero-banner .hero-banner-wrap h2 {
      font-size: 23px; }
      .careers-main-single-website .hero-banner .hero-banner-wrap h2:before {
        content: "\f041";
        font-family: "FontAwesome";
        color: #00a0dc;
        margin-right: 22px;
        font-size: 23px; }

.careers-main-single-website .post-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0; }

.careers-main-single-website strong {
  font-weight: 900; }

/********************************************************/
/********************************************************/
/*******  Website/careers-main-single-website.scss *******/
/********************************************************/
/********************************************************/
.careers-with-search-website .careers-with-search .listing-careers-search .single-post {
  border: none;
  border-bottom: none; }
  .careers-with-search-website .careers-with-search .listing-careers-search .single-post:last-child {
    border-bottom: none; }

.careers-with-search-website h2 {
  font-size: 36px;
  color: #626262;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  font-weight: normal;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 10px;
  margin-bottom: 50px; }
  .careers-with-search-website h2 span {
    letter-spacing: 3px; }
    
.careers-with-search .listing-careers-search .single-post:hover h3 a {
    color: #ffffff;
    transition: opacity 0.0s linear;
        -webkit-transition: opacity 0.0s linear;
        -o-transition: opacity 0.0s linear;
        -moz-transition: opacity 0.0s linear;
  
}

.careers-with-search .listing-careers-search .single-post:hover p {
    color: #ffffff;
}

.careers-with-search .listing-careers-search .single-post:hover span {
    color: #ffffff;
}

.careers-with-search .listing-careers-search .single-post:hover span small {
    color: #ffffff;
}

.careers-with-search-website .jobs-pagination {
  margin-bottom: 60px; }

/********************************************************/
/********************************************************/
/*******  Website/careers-with-search-website.scss *******/
/********************************************************/
/********************************************************/
.case-study-1-website .hero-banner {
  margin-bottom: 0px; }

.case-study-1-website .pagination {
  width: 100%;
  padding-left: 15px;
  cursor: auto;
  margin-bottom: 60px; }
  .case-study-1-website .pagination .disabled {
    display: none; }
  .case-study-1-website .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    margin-right: 5px; }
    .case-study-1-website .pagination li a {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      overflow: hidden;
      color: #31475b;
      display: block;
      line-height: 22px;
      border: solid 1px #ebebeb;
      height: 27px;
      width: 24px;
      text-align: center;
      font-size: 16px;
      overflow: hidden; }
      .case-study-1-website .pagination li a:hover {
        background-color: #00a0dc;
        border: solid 1px #00a0dc;
        color: #fff; }
    .case-study-1-website .pagination li.active a {
      background-color: #00a0dc;
      border: solid 1px #00a0dc;
      color: #fff; }

.case-study-1-website nav.clearfix {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 60px; }

/********************************************************/
/********************************************************/
/*******  Website/case-study-1-website.scss *******/
/********************************************************/
/********************************************************/
.case-study-2-website .hero-banner {
  margin-bottom: 0px; }

.case-study-2-website h2 {
  margin: 37px auto 0;
  font-weight: 400;
  color: #31475b;
  text-transform: none; }

.case-study-2-website .case-study-pagination {
  width: 100%;
  padding-left: 15px;
  cursor: auto;
  margin-bottom: 60px; }
  .case-study-2-website .case-study-pagination .disabled {
    display: none; }
  .case-study-2-website .case-study-pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    margin-right: 5px; }
    .case-study-2-website .case-study-pagination li a {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      overflow: hidden;
      color: #31475b;
      display: block;
      line-height: 22px;
      border: solid 1px #ebebeb;
      height: 27px;
      width: 24px;
      text-align: center;
      font-size: 16px;
      overflow: hidden; }
      .case-study-2-website .case-study-pagination li a:hover {
        background-color: #00a0dc;
        border: solid 1px #00a0dc;
        color: #fff; }
    .case-study-2-website .case-study-pagination li.active a {
      background-color: #00a0dc;
      border: solid 1px #00a0dc;
      color: #fff; }

.case-study-2-website nav.clearfix {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 60px; }

@media (max-width: 380px) {
  .case-study-2-website .case-studies {
    width: 100%;
    margin: 0px !important; } }

/********************************************************/
/********************************************************/
/*******  Website/case-study-2-website.scss *******/
/********************************************************/
/********************************************************/
.case-study-single-website .hero-banner {
  margin-bottom: 0px; }
  .case-study-single-website .hero-banner h2 {
    width: 100%;
    float: none; }

.case-study-single-website .case-study-body .post-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media (max-width: 600px) {
    .case-study-single-website .case-study-body .post-head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .case-study-single-website .case-study-body .post-head h2 {
    width: 100%;
    float: none; }

.case-study-single-website .project-info-table ul {
  margin-top: 25px;
  list-style: none;
  padding-left: 0px; }
  .case-study-single-website .project-info-table ul li {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 300; }
    .case-study-single-website .project-info-table ul li strong {
      width: 110px;
      font-weight: 500;
      display: inline-block; }
    .case-study-single-website .project-info-table ul li a {
      font-size: 16px;
      color: #31475b; }
      .case-study-single-website .project-info-table ul li a:hover {
        text-decoration: none;
        color: #00a0dc; }
    .case-study-single-website .project-info-table ul li:before {
      display: none; }

.case-study-single-website .case-study-slider .hs_cos_flex-slider {
  margin-bottom: 10px; }

.case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a {
  opacity: 1;
  background-color: #00a0dc;
  background-image: none;
  width: 40px;
  height: 40px;
  text-indent: 0px;
  color: transparent; }
  .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.75;
    text-align: center;
    padding-top: 2px;
    width: 40px;
    height: 40px;
    font-size: 34px;
    color: #FFF;
    content: "\f104";
    font-family: "FontAwesome";
    background-image: none;
    line-height: 40px; }
  .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a:hover:before {
    opacity: 1; }

.case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-next {
  right: 0px; }
  .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-next:before {
    content: "\f105";
    margin-left: 15px; }

.case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-prev {
  left: 0px; }
  .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-prev:before {
    content: "\f104";
    margin-left: 12px; }

/********************************************************/
/********************************************************/
/*******  Website/case-study-single-website.scss *******/
/********************************************************/
/********************************************************/
.portfolio-website-listing .hero-banner {
  margin-bottom: 0px; }
  .portfolio-website-listing .hero-banner h1 {
    font-weight: 700; }
    .portfolio-website-listing .hero-banner h1 span {
      font-weight: 700; }
  .portfolio-website-listing .hero-banner h2 {
    color: #fff;
    font-size: 20px !important;
    font-weight: 200 !important;
    margin: 26px 0px 42px 0px; }

.portfolio-website-listing .portfolio-menu-wraper {
  background: #00a0dc;
  min-height: 85px;
  width: 100%; }
  .portfolio-website-listing .portfolio-menu-wraper ul {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    list-style: none;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 80px; }
    @media screen and (min-width: 0\0) {
      .portfolio-website-listing .portfolio-menu-wraper ul {
        height: 80px; } }
    @media only screen and (max-width: 494px) {
      .portfolio-website-listing .portfolio-menu-wraper ul {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .portfolio-website-listing .portfolio-menu-wraper ul li {
      width: auto; }
      .portfolio-website-listing .portfolio-menu-wraper ul li a {
        padding: 0 20px;
        color: #fff; }
        @media only screen and (max-width: 494px) {
          .portfolio-website-listing .portfolio-menu-wraper ul li a {
            padding: 0 10px; } }
        .portfolio-website-listing .portfolio-menu-wraper ul li a:hover {
          color: #31475b; }
        .portfolio-website-listing .portfolio-menu-wraper ul li a:active {
          color: #ffffff; }
      .portfolio-website-listing .portfolio-menu-wraper ul li a.active {
        color: #31475b; }

.portfolio-website-listing .blog-portfolio-wraper {
  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;
  border-bottom: 13px solid #00a0dc;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%; }
  .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
    position: relative;
    width: 25%;
    padding-bottom: 0%; }
    @media only screen and (max-width: 1359px) {
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 33.333%; } }
    @media only screen and (max-width: 1024px) {
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 50%; } }
    @media only screen and (max-width: 675px) {
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 100%; } }
  .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog {
    width: 100%;
    padding-bottom: 100%;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog.new-items {
      opacity: 0; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-left {
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: width 0.4s;
      -o-transition: width 0.4s;
      -moz-transition: width 0.4s;
      transition: width 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-right {
      right: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: width 0.4s;
      -o-transition: width 0.4s;
      -moz-transition: width 0.4s;
      transition: width 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-top {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      -moz-transition: height 0.4s;
      transition: height 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-bottom {
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      -moz-transition: height 0.4s;
      transition: height 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover {
      position: absolute;
      height: 0px;
      width: 0px;
      background-color: rgba(0, 160, 220,0.61);
      z-index: 1;
      overflow: hidden; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-left {
        left: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-right {
        right: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-top {
        left: auto;
        top: auto;
        height: 100%;
        width: 100%; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-bottom {
        left: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-left {
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        height: 100%;
        width: 0%;
        -webkit-transition: width 0.4s;
        -o-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.4s; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-right {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
        height: 100%;
        width: 0%;
        -webkit-transition: width 0.4s;
        -o-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.4s; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-top {
        left: 0;
        top: 0;
        height: 0%;
        width: 100%;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        -moz-transition: height 0.4s;
        transition: height 0.4s; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-bottom {
        left: 0;
        bottom: 0;
        height: 0%;
        width: 100%;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        -moz-transition: height 0.4s;
        transition: height 0.4s; }
      .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
           -moz-transform: translate(-50%, -50%) scale(0);
            -ms-transform: translate(-50%, -50%) scale(0);
             -o-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        z-index: 3;
        overflow: hidden;
        width: 100%;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out; }
        .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content.visible {
          -webkit-transform: translate(-50%, -50%) scale(1);
             -moz-transform: translate(-50%, -50%) scale(1);
              -ms-transform: translate(-50%, -50%) scale(1);
               -o-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1); }
        .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a {
          width: 81px;
          height: 81px;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%;
          margin: 0 auto;
          background: none;
          display: table;
          border: 2px solid #fff;
          text-align: center; }
          .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover {
            background: #fff; }
            .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover i {
              color: #00a0dc; }
          .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a i {
            display: table-cell;
            vertical-align: middle;
            color: #fff;
            font-size: 34px; }
        .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content h4 {
          color: #fff;
          font-size: 35px;
          text-transform: uppercase;
          font-weight: 700;
          text-align: center; }
        .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul {
          list-style: none;
          text-align: center; }
          .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul li {
            color: #fff;
            font-size: 16px;
            font-weight: 200; }

/********************************************************/
/********************************************************/
/*******  Website/portfolio-website-listing.scss *******/
/********************************************************/
/********************************************************/
.portfolio-website .hero-banner {
  margin-bottom: 0px; }

.portfolio-website .portfolio-post-head ul {
  margin-bottom: 0px;
  padding-left: 0px; }
  .portfolio-website .portfolio-post-head ul li:before {
    display: none; }

.portfolio-website .portfolio-post-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .portfolio-website .portfolio-post-single {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .portfolio-website .portfolio-post-single > div {
    width: 50%; }
    @media (max-width: 768px) {
      .portfolio-website .portfolio-post-single > div {
        width: 100%; } }
    @media (max-width: 768px) {
      .portfolio-website .portfolio-post-single > div:last-child {
        width: 70%;
        margin: 0 auto; } }
    @media (max-width: 555px) {
      .portfolio-website .portfolio-post-single > div:last-child {
        width: 100%; } }
  .portfolio-website .portfolio-post-single .right-section, .portfolio-website .portfolio-post-single .left-section {
    width: 100%; }
    .portfolio-website .portfolio-post-single .right-section .portfolio-post-body, .portfolio-website .portfolio-post-single .left-section .portfolio-post-body {
      padding-top: 5px; }

.portfolio-website .center-section {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 0px 40px 0px;
  margin-top: 10px; }
  @media (max-width: 520px) {
    .portfolio-website .center-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media only screen and (max-width: 520px) {
  .portfolio-website .center-section > div {
    margin: 0 auto 20px auto; }
  .portfolio-website .pagination a:first-child() {
    margin-right: 5px; }
  .portfolio-website .pagination a:last-child() {
    margin-left: 5px; } }

/********************************************************/
/********************************************************/
/*******  Website/portfolio-website.scss *******/
/********************************************************/
/********************************************************/
.product-single-website .product-single__slider-section h2 {
  text-transform: none;
  font-weight: 300; }
  .product-single-website .product-single__slider-section h2 span {
    letter-spacing: 3px; }

@media only screen and (max-width: 867px) {
  .product-single-website .iphone-section .iphone-column {
    display: none; }
  .product-single-website .iphone-section .lead-section__content {
    width: 100%; } }

/********************************************************/
/********************************************************/
/*******  Website/product-page-single-v2-website.scss *******/
/********************************************************/
/********************************************************/
.slider-rec-posts {
  margin-top: 30px;
  margin-bottom: 30px; }
  .slider-rec-posts .slick-dots {
    bottom: -40px; }
    .slider-rec-posts .slick-dots li button:before {
      font-size: 40px;
      color: #00a0dc;
      -webkit-transition: opacity .3s linear;
      -o-transition: opacity .3s linear;
      -moz-transition: opacity .3s linear;
      transition: opacity .3s linear; }
  .slider-rec-posts__slide {
    padding: 15px;
    width: 350px;
    height: 350px;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    margin: 0px 10px; }
    .slider-rec-posts__slide a {
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      -moz-transition: all .3s linear;
      transition: all .3s linear; }
      .slider-rec-posts__slide a:hover img {
        -webkit-box-shadow: 0px 0px 10px 3px rgba(100, 100, 100, 0.2);
           -moz-box-shadow: 0px 0px 10px 3px rgba(100, 100, 100, 0.2);
                box-shadow: 0px 0px 10px 3px rgba(100, 100, 100, 0.2); }
    .slider-rec-posts__slide img {
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      -moz-transition: all .3s linear;
      transition: all .3s linear;
      margin: auto; }

/********************************************************/
/********************************************************/
/*******  Website/slider-rec-posts.scss *******/
/********************************************************/
/********************************************************/
/****************************************
- 6L - LANDINGS              
****************************************/
/****************************************
- 7B - BLOGS              
****************************************/

/*# sourceMappingURL=template.css.map */