/**
 * Home Page
 *
 */


/* Flexslider Home */

.flexslider-home li .parallax-container {
  /*min-height: 56.563rem;*/
  min-height: 85vh;
}


/*.flexslider-home li .parallax-container img {
  min-height: 1200px;
}*/

.flexslider-home .parallax-container .row.row-2 {
  overflow: hidden;
  /*padding-top: 16.563rem;*/
  padding-top: 27.8vh;
}

.homepage-title {
  line-height: 1.3;
  margin-bottom: 0.938rem;
  padding-top: 3.688rem;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 2.5rem;
  color: #ffffff;
  text-align: left;
}

.homepage-title:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-image: url('../img/sprite.png');
  background-position: 0px -933px;
  width: 44px;
  height: 35px;
}

.homepage-title span.blue {
  font-weight: 400;
}

.homepage-title strong {
  font-weight: 700;
  font-size: 5.625rem;
  line-height: 1;
  text-transform: uppercase;
}

.homepage-title span.blue,
.homepage-title strong {
  color: #62c1c6;
}

a.link-home {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding-right: 1.375rem;
  padding-bottom: 0.5rem;
  color: #fff;
  font-size: 0.813rem;
  text-transform: uppercase;
}

a.link-home:before {
  content: '';
  position: absolute;
  top: 3px;
  right: 2px;
  background: url('../img/icons/arrow-link-white-icon.png') center center no-repeat;
  background-size: 7px 13px;
  width: 7px;
  height: 13px;
}

a.link-home:after {
  content: '';
  opacity: 0;
  position: absolute;
  bottom: 0.5rem;
  left: -100%;
  width: 88%;
  height: 1px;
  background-color: #fff;
  -webkit-transition: left .3s linear;
  -moz-transition: left .3s linear;
  -ms-transition: left .3s linear;
  transition: left .3s linear;
}

a.link-home:hover:after {
  opacity: 1;
  left: 0;
  width: 88%;
}

a.link-home:hover:before {
  right: 0;
}

.flexslider-home {
  position: relative;
  margin-bottom: -7.375rem;
}

.flexslider-home li .row.row-2 {
  position: relative;
  opacity: 0;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  z-index: 2;
}

.filter-flexslider-home {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.flexslider-home li.active-slide .row.row-2 {
  opacity: 1;
}

.flexslider-home li.display-desc .row.row-2 {
  opacity: 1;
}

.flexslider-home .flex-control-nav {
  position: absolute;
  /*top: 69.5%;*/
  top: 67.4vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 71.313rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  text-align: left;
  z-index: 3;
}

.flexslider-home .flex-control-nav li {
  vertical-align: middle;
}

.flexslider-home .flex-control-nav li a.flex-active {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  background-color: transparent;
}

.flexslider-home .flex-control-nav li a.flex-active:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  background-color: #fff;
}


/* Division */

.item-click2 {
  cursor: pointer;
}

.item-click3 {
  cursor: pointer;
}

.division-wrapper {
  position: relative;
  background: url('../img/bg-division.png') left 33px no-repeat;
  background-size: cover;
}

.divisions.row {
  position: relative;
  margin-bottom: 3.813rem;
}

.division.column {
  position: relative;
  text-align: center;
}

.division.column img {
  display: block;
  margin: 0 auto 1.563rem;
}

h2.division-title {
  font-style: italic;
  font-size: 2.938rem;
  margin-bottom: 1.125rem;
  padding-bottom: 1.375rem;
  text-transform: none;
}

html[lang="en-uk"] h2.division-title {
  font-size: 1.8rem;
}

h2.division-title span {
  display: block;
  font-size: 0.875rem;
  font-family: 'Roboto';
  color: #62c1c6;
  font-weight: normal;
  font-style: normal;
  padding-top: 0.313rem;
  padding-left: 3.75rem;
}

.division-Analytics h2.division-title span {
  padding-left: 7.75rem;
  font-style: normal;
}

.division-Branding h2.division-title span {
  padding-left: 4.75rem;
}

.division-Consulting h2.division-title span {
  padding-left: 5.85rem;
}

h2.division-title:after {
  width: 40px;
  font-size: 1rem;
}

.division.column p {
  text-transform: none;
  max-width: 175px;
  margin: 0 auto;
  padding-bottom: 0.625rem;
  min-height: 180px;
}

.more-division {
  padding: 0;
  text-decoration: none;
}

.division.column a.arrow-link {
  font-size: 0.813rem;
}

.division-wrapper span.go-to {
  top: 80px;
}


/* Title level 2 */

h2.level-2-title {
  padding-bottom: 2.188rem;
}

h2.level-2-title span.subtitle {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 1.250rem;
  color: #000;
  text-transform: none;
}


/* Our Clients */

.bg_home_clients {
  position: relative;
  margin-bottom: 5.938rem;
  padding-bottom: 3.438rem;
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.bg_home_clients:before,
.bg_home_clients:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}

.bg_home_clients:before {
  top: 0;
  height: 80px;
  background: url('../img/bg-top-client.png') left top no-repeat;
  background-size: 100% 100%;
}

.bg_home_clients:after {
  bottom: 0;
  height: 26px;
  background: url('../img/bg-bottom-client.png') left top no-repeat;
  background-size: 100% 100%;
}

.flexslider-home-client {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
}

.flexslider-home-client .parallax-container {
  min-height: 480px;
}

.item-our-clients img {
  max-width: 100%;
}

.our_clients {
  max-width: 55rem;
  padding-top: 7.375rem;
}

.large-up-5>.column.item-our-clients {
  width: 150px;
  height: 150px;
}

.item-our-clients {
  height: 134px;
  margin-bottom: 1.45rem;
  margin-right: 3.5%;
  background-color: #fff;
}


/* Le mag */

.le-mag {
  margin-bottom: 5rem;
}

.list-posts article {
  overflow: hidden;
  margin-bottom: 3.438rem;
}

.list-posts figure {
  overflow: hidden;
  margin: 0;
}

.list-posts article:nth-of-type(2n+1) figcaption {
  padding-left: 5.625rem;
}

.list-posts article:nth-of-type(2n+1) .image {
  padding-top: 0.375rem;
}

.list-posts article:nth-of-type(2) .image {
  float: right;
}

.list-posts h2.post-title {
  margin-bottom: 0.813rem;
  padding-left: 0;
  padding-bottom: 1.5rem;
  line-height: 1.4;
}

.list-posts h2.post-title:after {
  content: '..........';
  right: auto;
}

.list-posts h2.post-title:before {
  content: none;
}

.list-posts .entry-content {
  line-height: 1.8;
}

.list-posts article:nth-of-type(2) .entry-content {
  padding-right: 6.250rem;
}


/* Tools */

.tools {
  margin-bottom: 2.813rem;
}

.our-technologies {
  text-align: center;
}

.image-tools {
  margin-top: 3.750rem;
  margin-bottom: 2.750rem;
}

.image-tools img {
  width: 100%;
  height: auto;
}

.our-technologies p {
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
  line-height: 1.8;
}

.our-technologies a.arrow-link {
  margin-top: 1.5rem;
  font-size: 0.797rem;
}


/* Agencies */

.agencies {
  position: relative;
}

.agencies:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 135px;
  background: url('../img/bg-top.png') left top no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}

#carousel {
  position: absolute;
  width: 100%;
  top: 10.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.agency_details {
  position: relative;
  min-height: 394px;
}

.filter-city {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.agency_details img {
  width: 100%;
  height: auto;
  z-index: 0;
}

.list_agency li {
  width: auto !important;
  margin-right: 1.688rem !important;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  color: #fff;
  cursor: pointer;
}

.list_agency li:hover,
.list_agency li.flex-active-slide {
  color: #62c1c6;
}

.agency-description {
  position: absolute;
  top: 224px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 2;
}

.agency-info {
  padding-top: 0.313rem;
  padding-left: 27%;
}

h4.city-title,
.agency-info p,
.agency-info a {
  color: #fff;
}

h4.city-title {
  font-size: 5.177rem;
  text-transform: uppercase;
}

.agency-info p {
  margin-bottom: 0;
}

.agency-info p,
.agency-info a {
  display: block;
  padding-right: 0;
  font-weight: 400;
  font-size: 1.016rem;
}

.page-home .content-bottom {
  margin-top: 0 !important;
}


/* Media Query Mobile And tablet */

@media screen and (max-width: 1024px) {
  /*.large-up-5> .column.item-our-clients {
	height:50px;
	}*/
  /* Slider */
  .flexslider-home {
    margin-bottom: -8rem;
  }
  .flexslider-home li .parallax-container {
    min-height: 23.167rem;
  }
  .flexslider-home li .parallax-container img {
    min-height: 100%;
  }
  .flexslider-home .parallax-container .row.row-2 {
    padding-top: 5.667rem;
    padding-left: 1.667rem;
  }
  .flexslider-home .flex-control-nav {
    display: none;
  }
  .homepage-title {
    padding-top: 1.750rem;
    font-size: 1.583rem;
  }
  .homepage-title span.blue {
    display: block;
    margin-bottom: -1.833rem;
  }
  .homepage-title strong {
    font-size: 2.6rem;
  }
  .homepage-title:after {
    width: 20px;
    height: 17px;
    background: url('../img/icons/big-blockquote-icon.png') center center no-repeat;
    background-size: 20px 17px;
  }
  /* Division */
  .division-wrapper {
    background-size: 100%;
    background-position: left 50px;
  }
  .divisions.row {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 7.25rem;
  }
  .divisions.row:after {
    content: '';
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 200px;
    background: #e4e4e4;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #e4e4e4, #fff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #e4e4e4, #fff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #e4e4e4, #fff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #e4e4e4, #fff);
    /* Standard syntax */
    z-index: 0;
  }
  .divisions.row:before {
    content: '';
    position: absolute;
    top: 23%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fff, #e4e4e4, #fff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #fff, #e4e4e4, #fff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #fff, #e4e4e4, #fff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #fff, #e4e4e4, #fff);
    /* Standard syntax */
    z-index: 0;
  }
  .division.column:nth-of-type(1),
  .division.column:nth-of-type(2) {
    margin-bottom: 1.667rem;
  }
  .division.column img {
    max-width: 53%;
    margin-bottom: 0.333rem;
  }
  .division.column:nth-of-type(2) img {
    margin-bottom: 1.5rem;
    margin-top: 0.833rem;
  }
  .division.column:nth-of-type(4) img {
    margin-bottom: 1.333rem;
  }
  .division.column p {
    display: none;
  }
  .division-wrapper span.go-to {
    top: 3.583rem;
  }
  h2.division-title {
    display: table;
    margin: 0 auto;
    padding-right: 1.5rem;
    font-size: 2.3rem;
    text-align: center;
  }
  /*h2.division-title:before {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 11px;
    height: 18px;
    background: url('../img/icons/big-arrow-link.png') center center no-repeat;
  }*/
  h2.division-title:after {
    content: none;
  }
  h2.division-title span {
    padding-top: 0.3rem;
  }
  .division-Media h2.division-title span {
    padding-left: 2.417rem;
  }
  .division-Analytics h2.division-title span {
    padding-left: 5.167rem;
  }
  .division-Branding h2.division-title span {
    padding-left: 2.917rem;
  }
  .division-Consulting h2.division-title span {
    padding-left: 4.583rem;
  }
  /* Case studies */
  .row.casestudy-row {
    padding-left: 0;
    padding-right: 0;
  }
  .case_studies {
    margin-top: 0;
    margin-top: 2.5rem;
  }
  /* Our clients */
  h2.level-2-title span.subtitle {
    display: block;
    margin-top: 1.667rem;
  }
  .bg_home_clients:after {
    height: 8px;
    background-size: 100%;
  }
  .bg_home_clients:before {
    height: 36px;
    background-position: -1px -1px;
    background-size: 100% 36px;
  }
  .bg_home_clients .item-our-clients {
    height: 62px;
    margin-right: 1%;
  }
  /*.bg_home_clients .large-up-5> .column.item-our-clients {
    width: 19%;
  }*/
  /*.bg_home_clients .item-our-clients:nth-of-type(5n) {
    margin-right: 0;
  }*/
  .bg_home_clients .item-our-clients:nth-of-type(3n) {
    margin-right: 1%;
  }
  .small-up-3>.column:nth-of-type(3n+1),
  .small-up-3>.columns:nth-of-type(3n+1) {
    clear: none;
  }
  .flexslider-home-client .parallax-container {
    min-height: 18.75rem;
  }
  /* blog */
  .list-posts article:nth-of-type(2n+1) figcaption {
    padding-left: 0;
  }
  .list-posts article:nth-of-type(2) .entry-content {
    padding-right: 0;
  }
  /* Tools */
  .our-technologies a.arrow-link {
    font-size: 1.028rem;
  }
  /* Agencies */
  #carousel {
    top: 4.7rem;
    z-index: 999;
  }
  #slider .flex-viewport {
    margin-bottom: 0;
  }
  .agencies:before {
    height: 2.333rem;
    top: -2px;
    left: 1px;
    z-index: 1;
  }
  .agency-info {
    padding-left: 0;
    text-align: center;
  }
  .parallax-container,
  .agency_details {
    min-height: 15.333em;
  }
  .agency-description {
    top: 8.667rem;
  }
}


/* Desktop */

@media screen and (min-width: 1025px) {
  .flexslider-home li .parallax-container {
    height: 85vh;
  }
  .division.column:nth-of-type(1) {
    padding-top: 2.313rem;
  }
  .division.column:nth-of-type(2) {
    padding-top: 3.813rem;
  }
  .division.column:nth-of-type(3) {
    padding-top: 3.313rem;
  }
  .division.column:nth-of-type(4) {
    padding-top: 3.625rem;
  }
  .division.column:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url('../img/brand-icon.png') center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    max-width: 155px;
    max-height: 158px;
    z-index: 0;
  }
  .division.column img {
    position: relative;
    margin-bottom: 5rem;
    z-index: 1;
  }
  .division.column:nth-of-type(4) img {
    margin-bottom: 87px;
  }
  /* UK */
  html[lang="en-US"] .divisions.row {
    text-align: center;
  }
  html[lang="en-US"] .division.column {
    float: none;
    display: inline-block;
    margin-right: -3px;
    vertical-align: top;
  }
  html[lang="en-US"] .division-wrapper span.go-to {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-height: 800px) {
  .homepage-title strong {
    font-size: 4.625rem;
  }
}

/* Media for resolution desktop petit */

@media screen and (max-width: 1600px) {
  .flexslider-home .parallax-container .row.row-2 {
    overflow: hidden;
    padding-top: 20.8vh;
  }
  .flexslider-home .flex-control-nav {
    top: 63.4vh;
  }
  .division-wrapper span.go-to {
    top: 71px;
  }
}

@media screen and (max-width: 1500px) {
  .flexslider-home .parallax-container .row.row-2 {
    padding-top: 14.8vh;
  }
  .flexslider-home .flex-control-nav {
    top: 60.4vh;
  }
}

@media screen and (max-width: 1400px) {
  .flexslider-home .parallax-container .row.row-2 {
    padding-top: 11.8vh;
  }
  .homepage-title {
    margin-bottom: 0.1rem;
  }
  .flexslider-home .flex-control-nav {
    top: 64.4vh;
    z-index: 90;
  }
}

@media screen and (max-width: 1366px) {
  .flexslider-home .parallax-container .row.row-2 {
    padding-top: 11.8vh;
  }
  .homepage-title {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
  }
  .flexslider-home .flex-control-nav {
    top: 60vh;
    z-index: 90;
  }
}