/***************************/
/*Секция переменных и констант*/
/*Секция переменных и констант*/
#openmenu,
.popups,
.content,
.popups .competence,
.popups .presentation,
.popups .brends,
.popups .industry {
  display: none;
}
body > .menu,
.content,
.content .projects {
  display: block;
}
@font-face {
  font-family: 'Agora';
  src: url("../fonts/pfagorasanspro-bold.add2606e6d02.ttf");
  font-weight: bold;
}
@font-face {
  font-family: 'Agora';
  src: url("../fonts/pfagorasanspro-reg.9df63a090aa0.ttf");
  font-weight: normal;
}
@font-face {
  font-family: 'Agora';
  src: url("../fonts/pfagorasanspro-italic.61d0054f7f2f.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'AgoraItalic';
  src: url("../fonts/pfagorasanspro-italic.61d0054f7f2f.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'AgoraLight';
  src: url("../fonts/pfagorasanspro-light.3543b6d6a03e.ttf");
  font-weight: lighter;
}
@font-face {
  font-family: 'AgoraUltraBlack';
  src: url("../fonts/pfagorasanspro-ultrablack.d5112c195cc8.ttf");
  font-weight: bold;
}
@font-face {
  font-family: 'AgoraBlack';
  src: url("../fonts/pfagorasanspro-black.f74f5b22b3b9.ttf");
  font-weight: bold;
}
@font-face {
  font-family: 'AgoraBlackItalic';
  src: url("../fonts/pfagorasanspro-blackitalic.231719adb802.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'AgoraBlackLight';
  src: url("../fonts/pfagorasanspro-light.3543b6d6a03e.ttf");
  font-weight: normal;
}
html,
body,
#container {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  position: relative;
  min-width: 1250px;
  min-height: 600px;
  background: #000000 url("../img/sprite.6216f965a8c1.png");
}
li {
  list-style: none;
}
a,
a:link {
  color: #FFF;
  text-decoration: none !important;
}
.clearfix {
  height: 0;
  clear: both;
}
/*
// Placeholder text Mixin
.placeholder(@color: #FFF){
  ::placeholder{
    color: @color;
  }
  ::-moz-placeholder{
    color: @color;
  }
  ::-webkit-input-placeholder{
    color: @color;
  }
}
*/
/*
.arrow:hover {
  cursor: pointer !important;
}
*/
.link {
  text-decoration: none !important;
  cursor: pointer !important;
}
.link:hover {
  text-decoration: underline !important;
}
.link4:hover rect {
  opacity: 1;
}
.link5 {
  display: inline !important;
  padding-bottom: 1px;
}
.link5:hover {
  padding-bottom: 0px;
  border-bottom: 1px solid #FFF;
}
.caps {
  text-transform: uppercase;
}
.placeholdr {
  color: #999999;
}
/*
.mCSB_draggerRail{
	width:30px !important;
    pointer-events : none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
*/
body > .menu {
  position: fixed;
  z-index: 100;
  width: 210px;
  min-width: 210px;
  max-width: 210px;
  height: 100%;
  bottom: 0;
  left: 0;
  color: #FFF;
  white-space: nowrap;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body > .menu .h_menu {
  /*
    svg text {
      fill: url('#gradient');
    }
*/
}
body > .menu .h_menu .itemList li:hover,
body > .menu .h_menu .itemList li a:hover,
body > .menu .h_menu li.open {
  background-color: #000000 !important;
}
body > .menu .h_menu li.open {
  background-image: none !important;
}
body > .menu .h_menu li {
  background-color: rgba(0, 0, 0, 0.5) !important;
  list-style: none;
}
body > .menu .h_menu .logo {
  display: block;
  margin: 26px 0px 27px 30px;
  background: url("../img/logo.1f4f292ff655.png");
  width: 112px;
  height: 48px;
  cursor: pointer;
}
body > .menu .h_menu .logo:hover {
  opacity: 0.7;
}
body > .menu .h_menu .working {
  color: #FFF;
  /*
      &.active {
        //color: #d24027; //.gradient(#d24027, #d24027, #d24027);
          //background-color: #d24027;
          background: -webkit-linear-gradient(left, #d24027, #ed8021);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
      }
      */
}
body > .menu .h_menu .studio {
  color: #FFF;
  /*
      &.active {
        //color: #b8bc33;
          //background-color: #b8bc33;
          background: -webkit-linear-gradient(left, #b8bc33, #80b9d0);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
      }
      */
}
body > .menu .h_menu .firstlevel {
  font-family: Agora;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 70px;
  text-transform: uppercase;
  margin: 0px 0px 0px 30px;
  height: 62px;
  display: block;
}
body > .menu .h_menu .itemList {
  text-transform: uppercase;
}
body > .menu .h_menu .itemList li {
  cursor: pointer;
}
body > .menu .h_menu .itemList .arrow {
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 0px;
  background: url("../img/arrow.73ef9e85ecf0.png") no-repeat 167px 11px;
  background-size: 17px 17px;
  background-clip: padding-box;
  margin-left: 0px;
  padding-left: 28px;
  padding-right: 8px;
  margin-right: 10px;
  margin-bottom: 1px;
  height: 39px;
  line-height: 39px;
}
body > .menu .h_menu .itemList .special {
  margin: 4px 10px 0 0px;
  height: 64px;
  width: 200px;
}
body > .menu .h_menu .itemList .special .cell {
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 20px;
  height: 64px;
  width: 200px;
  padding-left: 61px;
  vertical-align: middle;
  display: table-cell;
}
body > .menu .h_menu .itemList .special .cell .cell-text {
  display: inline;
}
body > .menu .h_menu .itemList .special .cell:hover .cell-text {
  border-bottom: 1px solid #FFF;
}
body > .menu .h_menu .itemList.work {
  margin-top: 15px;
}
body > .menu .h_menu .itemList.work .special {
  margin-bottom: 13px;
}
body > .menu .h_menu .itemList.work .special .cell {
  background: url("../img/special.cb0f3c5be057.png") no-repeat 31px 20px;
  background-size: 19px 28px;
}
body > .menu .h_menu .itemList.studios li > a {
  display: block;
}
body > .menu .h_menu .itemList.studios .arrow {
  background: no-repeat 167px 6px;
}
body > .menu .h_menu .itemList.studios .special {
  margin-bottom: 60px;
}
body > .menu .h_menu .itemList.studios .special .cell {
  background: url("../img/presentation.157afc4f3db8.png") no-repeat 28px 11px;
  background-size: 17px 35px;
}
body > .menu .h_menu .contacts {
  margin: 27px 0px 0px 30px;
}
body > .menu .h_menu .contacts .phone {
  opacity: 0.5;
  margin-bottom: 23px;
  font-family: Agora;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 13px;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
body > .menu .h_menu .contacts .email {
  opacity: 0.5;
  margin-bottom: 15px;
  font-family: Agora;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 25px;
  background: url("../img/email_gray.2658c5f549e8.png") no-repeat 1px 0px;
  background-size: 25px 25px;
  padding-left: 38px;
  height: 27px;
}
body > .menu .h_menu .contacts .address {
  opacity: 0.5;
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  white-space: pre-line;
  background: url("../img/address_gray.9aeac450565c.png") no-repeat 3px 3px;
  background-size: 19px 27px;
  padding-left: 37px;
  height: 31px;
}
body > .menu .h_menu .contacts .link {
  display: block;
  color: #FFF;
  text-decoration: none;
}
body > .menu .h_menu .contacts .link:hover {
  opacity: 1;
}
body > .menu .search {
  position: absolute;
  z-index: 10;
  margin: 0px 24px 28px 32px;
  height: 30px;
  bottom: 0;
}
body > .menu input {
  opacity: 0.5;
  width: 126px;
  height: 28px;
  padding-right: 24px;
  background: url("../img/find.2b69e124e1e5.png") no-repeat 132px 3px;
  background-size: 16px 16px;
  border: none;
  border-bottom: solid 2px #FFF;
  font-family: Agora;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: auto;
  font-style: italic;
  color: #FFF;
}
body > .menu input:placeholder {
  color: #FFF;
}
body > .menu input:hover,
body > .menu input:focus,
body > .menu input:active {
  opacity: 1;
}
body > .menu .itemList.studios {
  display: none;
}
@media (max-height: 676px) {
  body > .menu .search {
    visibility: collapse !important;
  }
}
@media (max-height: 600px) {
  body > .menu .itemList {
    display: none !important;
  }
  body > .menu .firstlevel.studio.link {
    margin-top: -25px;
  }
}
.popups {
  margin-left: 202px;
  height: 100%;
  min-height: 600px;
  overflow-y: auto;
  width: calc(100% - 202px);
  min-width: 1040px;
  color: #FFF;
}
.popups .competence,
.popups .presentation {
  height: 100%;
  width: calc(100% - 202px);
  position: absolute;
  background: #000000;
}
.popups .competence:hover,
.popups .presentation:hover {
  cursor: pointer !important;
}
.popups .fourpart {
  height: calc(25% - 1px);
  width: 100%;
  margin-bottom: 1px;
  background: #1a1a1a;
  background-size: cover;
  position: relative;
}
.popups .fourpart div {
  height: 100%;
  display: inline-block;
}
.popups .fourpart .title {
  height: 49px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  font-family: Agora;
  font-weight: normal;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 49px;
  text-decoration: none !important;
}
.popups .fourpart .link2:hover {
  cursor: pointer !important;
  border-bottom: 4px solid #FFF;
  padding-bottom: 7px;
}
.popups .fourpart .link3 {
  padding-bottom: 8px;
}
.popups .fourpart .link3:hover {
  cursor: pointer !important;
  border-bottom: 2px solid #FFF;
  padding-bottom: 6px;
}
.popups .fourpart .description {
  position: absolute;
  display: table;
  height: 100%;
  font-style: italic;
  margin-left: calc(5 * (100% + 300px) / 15);
}
.popups .fourpart .description ul {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  margin: auto auto;
}
.popups .fourpart .description ul li {
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  margin-top: 2px;
  display: block;
}
@media (min-height: 670px) {
  .popups .fourpart .description ul li {
    margin-top: 4px;
  }
}
@media (min-height: 740px) {
  .popups .fourpart .description ul li {
    margin-top: 6px;
  }
}
@media (min-height: 810px) {
  .popups .fourpart .description ul li {
    margin-top: 8px;
  }
}
@media (min-height: 880px) {
  .popups .fourpart .description ul li {
    margin-top: 10px;
  }
}
@media (min-height: 950px) {
  .popups .fourpart .description ul li {
    margin-top: 12px;
  }
}
.popups .fourpart .ico {
  width: 150px;
  background-size: 54px 54px;
}
.popups .competence {
  min-height: 600px;
  /*
    .brending {
      .ico{
        background: url("../img/content/competence1ico.56c9322bde0a.png") no-repeat 66px 50%;  //150-30-54px
      }
    }

    .digital {
      .ico{
        background: url("../img/content/competence2ico.7560704b0f7e.png") no-repeat 66px 50%;  //150-30-54px
      }
    }

    .advertising {
      .ico{
        background: url("../img/content/competence3ico.97faf13388dd.png") no-repeat 66px 50%;  //150-30-54px
      }
    }

    .video {
      .ico{
        background: url("../img/content/competence4ico.b11412cab359.png") no-repeat 66px 50%;  //150-30-54px
      }
    }
*/
  /*
    .video:hover {
    }
*/
}
.popups .competence .fourpart {
  min-width: 1048px;
}
.popups .competence .fourpart .ico,
.popups .competence .fourpart .title {
  position: absolute;
  z-index: 100;
}
.popups .competence .fourpart .ico.ico,
.popups .competence .fourpart .title.ico {
  top: 0;
  left: 0;
}
.popups .competence .fourpart .ico.title,
.popups .competence .fourpart .title.title {
  top: 50%;
  left: 149px;
}
.popups .competence .fourpart .forfade {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-position: calc(100% - 210px) 50%;
  background-size: cover;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups .competence .fourpart .forfade ul > li > a {
  display: block;
}
.popups .competence .fourpart:hover .forfade {
  opacity: 1;
}
.popups .competence .fourpart .d2 {
  margin-left: calc(10 * ( 100% + 100px ) / 15);
}
.popups .competence .brending:hover {
  background: url("../img/content/competence1.48652d941573.png") no-repeat center center;
  background-position: calc(100% - 210px) 50%;
  background-size: cover;
}
.popups .competence .digital:hover {
  background: url("../img/content/competence2.3b17452963a1.png") no-repeat center center;
  background-position: calc(100% - 210px) 50%;
  background-size: cover;
}
.popups .competence .advertising:hover {
  background: url("../img/content/competence3.088cc15603c6.png") no-repeat center center;
  background-position: calc(100% - 210px) 50%;
  background-size: cover;
}
.popups .presentation {
  min-height: 600px;
  /*
    .digital {
      .ico{
        background: url("../img/content/competence2ico.7560704b0f7e.png") no-repeat 66px 50%;  //150-30-54px
      }
    }

    .strategy {
      .ico{
        background: url("../img/content/competence3ico.97faf13388dd.png") no-repeat 66px 50%;  //150-30-54px
      }
    }

    .advertisement {
      .ico{
        background: url("../img/content/competence4ico.b11412cab359.png") no-repeat 66px 50%;  //150-30-54px
      }
    }
*/
}
.popups .presentation .fourpart {
  min-width: 1048px;
}
.popups .presentation .fourpart .ico,
.popups .presentation .fourpart .title {
  position: absolute;
  z-index: 100;
}
.popups .presentation .fourpart .ico.ico,
.popups .presentation .fourpart .title.ico {
  top: 0;
  left: 0;
}
.popups .presentation .fourpart .ico.title,
.popups .presentation .fourpart .title.title {
  top: 50%;
  left: 149px;
}
.popups .presentation .fourpart .forfade {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-position: calc(100% - 210px) 50%;
  background-size: cover;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups .presentation .fourpart:hover .forfade {
  opacity: 1;
}
.popups .presentation .fourpart:hover {
  /*
      background-color: #000;
      background-repeat: no-repeat;
      background-position: right top;
      background-size: contain;//cover;
      */
}
.popups .presentation .fourpart .d1 li {
  height: 48px;
  top: 50%;
  font-family: Agora;
  font-weight: normal;
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 48px;
  padding-left: 36px;
  background: url("../img/content/pdfico.dd85d2c7e175.png") no-repeat 0px 50%;
  background-size: 20px 24px;
}
.popups .presentation .brending:hover {
  background-image: url("../img/content/nile_n.d686f6a84108.png");
  background-position: calc(100% - 210px) 50%;
  background-size: contain;
}
.popups .presentation .brending:hover .ico {
  background: url("../img/content/presentation1hoverico.2591938db23a.png") no-repeat 66px 50%;
}
.popups .presentation .digital:hover {
  background-image: url("../img/content/nile_i.9f481991f5df.png");
  background-position: calc(100% - 210px) 50%;
  background-size: contain;
}
.popups .presentation .advertisement:hover {
  background-image: url("../img/content/nile_l.25fd2d3f6545.png");
  background-position: calc(100% - 210px) 50%;
  background-size: contain;
}
.popups .presentation .strategy:hover {
  background-image: url("../img/content/nile_e.1ad1893de364.png");
  background-position: calc(100% - 210px) 50%;
  background-size: contain;
}
.popups > .brends {
  color: #FFF;
  background: #000;
  height: 100%;
  width: 100%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popups > .brends > #brendstoclients {
  display: none;
}
.popups > .brends .header {
  vertical-align: top;
  text-align: center;
  padding: 40px 0;
  height: 112px;
  box-sizing: border-box;
  /*
      > .check {
          width: 40px;
          height: 15px;
          background-size: 40px 15px;
          background: url("../img/content/brends/IT SO FAKE CHECKBOX.550f4db10a45.png") no-repeat center;
      }*/
}
.popups > .brends .header div {
  display: inline-block;
  vertical-align: middle;
}
.popups > .brends .header > .label {
  margin: 0 24px;
  font-family: Agora;
  font-weight: normal;
  font-size: 32px;
  letter-spacing: 7px;
  line-height: 30px;
  text-transform: uppercase;
  cursor: pointer;
}
.popups > .brends .header > .check {
  width: 40px;
  height: 100%;
}
.popups > .brends .header > .check .check-label {
  display: block;
  width: 40px;
  height: 15px;
  margin-bottom: calc(50% - 8px);
  background-size: 40px 15px;
  cursor: pointer;
  background: url("../img/content/brends/linecheckboxleft.4022f0298732.png") no-repeat;
  background-position: 0 0px;
}
.popups > .brends > #brendstoclients:checked + .header .label1 {
  color: #4d4d4d;
}
.popups > .brends > #brendstoclients:checked + .header .label2 {
  color: #FFF;
}
.popups > .brends > #brendstoclients:checked + .header .check-label {
  background: url("../img/content/brends/linecheckboxright.dd2055b05dd6.png") no-repeat;
}
.popups > .brends > #brendstoclients:not(:checked) + .header .label2 {
  color: #4d4d4d;
}
.popups > .brends > #brendstoclients:not(:checked) + .header .label1 {
  color: #FFF;
}
.popups > .brends > #brendstoclients:checked ~ .wrap-brend-list {
  visibility: collapse;
  top: -4000px !important;
  left: -4000px !important;
  position: absolute !important;
  height: 0px;
}
.popups > .brends > #brendstoclients:checked ~ .wrap-client-list {
  display: block;
}
.popups > .brends > #brendstoclients:not(:checked) ~ .wrap-client-list {
  display: none;
}
.popups > .brends .wrap-brend-list {
  height: calc( 100% - 112px ) !important;
  overflow-y: hidden;
}
.popups > .brends .wrap-brend-list .grid.brend-list {
  background: #000;
  /*	Customize Scrollbars using CSS3 - CodeProject	*/
  /*	http://www.codeproject.com/Tips/674478/Customize-Scrollbars-using-CSS	*/
  /*
                .cell {
                  width: 100%;
                  height: 100%;
                  padding: 0 1px 1px 0;
                  box-sizing: border-box;

                  background: rgb(26, 26, 26);
                  background-clip: content-box;
                }
                */
}
.popups > .brends .wrap-brend-list .grid.brend-list .item {
  width: 100px;
  height: 100px;
  float: left;
  background: #1a1a1a;
  background-clip: content-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover .forbackground {
  opacity: 1;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item .forbackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item div.topspace {
  height: calc(100% - 25px);
  width: 100%;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item span.bottomspace,
.popups > .brends .wrap-brend-list .grid.brend-list .item span.bottomspace-clone {
  display: block;
  position: relative;
  height: 14px;
  vertical-align: baseline;
  padding: 0 14px 0px 0 !important;
  color: #FFF;
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 3px;
  line-height: auto;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item span.bottomspace.bottomspace-clone,
.popups > .brends .wrap-brend-list .grid.brend-list .item span.bottomspace-clone.bottomspace-clone {
  top: -14px;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item span.bottomspace-clone::after {
  content: '';
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover {
  cursor: pointer;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace {
  opacity: 0;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone {
  opacity: 1;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="1"]::after {
  content: ' ПРОЕКТ';
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="2"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="3"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="4"]::after {
  content: ' ПРОЕКТА';
}
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="5"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="6"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="7"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="8"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="9"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="0"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="11"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="12"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="13"]::after,
.popups > .brends .wrap-brend-list .grid.brend-list .item:hover span.bottomspace-clone[data-count$="14"]::after {
  content: ' ПРОЕКТОВ';
}
.popups > .brends .wrap-brend-list .grid.brend-list .item.w200 {
  width: 200px;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item.w400 {
  width: 400px;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item.h100 {
  height: 100px;
}
.popups > .brends .wrap-brend-list .grid.brend-list .item.h200 {
  height: 200px;
}
.popups > .brends .wrap-client-list {
  height: calc( 100% - 112px ) !important;
  overflow-y: hidden;
}
.popups > .brends .wrap-client-list .client-list {
  width: 100%;
  height: auto;
}
.popups > .brends .wrap-client-list .client-list div.column {
  display: inline-block;
  position: relative;
  width: calc(33% - 100px);
  height: auto;
  padding-left: 100px;
  vertical-align: top;
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 12px;
  color: #FFF;
}
.popups > .brends .wrap-client-list .client-list div.column ul {
  display: inline-block;
}
.popups > .brends .wrap-client-list .client-list div.column ul li {
  margin-bottom: 12px;
}
.popups > .brends .wrap-client-list .client-list div.column ul li a {
  padding-bottom: 1px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -khtml-transition: opacity 0.2s ease-out 0s;
  -moz-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.popups > .brends .wrap-client-list .client-list div.column ul li a:hover {
  opacity: 1;
  padding-bottom: 0px;
  border-bottom: 1px solid #FFF;
}
.popups > .brends .wrap-client-list .client-list div.column div.vertical {
  width: 100px;
  vertical-align: top;
  display: inline-block;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.popups > .brends .wrap-client-list .client-list div.column div.vertical > .big-letter {
  width: 100px;
  height: 70px;
  font-family: Agora;
  font-weight: normal;
  font-size: 60px;
  letter-spacing: 3px;
  line-height: 60px;
  display: table-cell;
  vertical-align: text-top;
  text-align: center;
}
.popups > .brends .wrap-client-list .client-list div.column div.vertical .down {
  line-height: 100px;
}
.popups > .brends .wrap-client-list .client-list div.column div.vertical > .vertical-line {
  width: 5px;
  height: calc(100% - 70px);
  margin: 0 auto;
  background-color: #4d4d4d;
}
.popups > .brends .wrap-client-list .client-list div.column div.vertical .double-letter {
  height: calc(100% - 140px);
}
.popups > .industry {
  color: #FFF;
  background: #000;
  height: 100%;
  width: 100%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popups > .industry .header {
  vertical-align: top;
  text-align: center;
  padding: 40px 0;
  height: 112px;
  box-sizing: border-box;
}
.popups > .industry .header div {
  display: inline-block;
  vertical-align: middle;
}
.popups > .industry .header > .label {
  font-family: Agora;
  font-weight: normal;
  font-size: 32px;
  letter-spacing: 7px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFF;
}
.popups .wrap {
  height: calc( 100% - 112px ) !important;
  overflow-y: hidden;
}
.popups .wrap .grid.industry-list {
  background: #000;
  /*	Customize Scrollbars using CSS3 - CodeProject	*/
  /*	http://www.codeproject.com/Tips/674478/Customize-Scrollbars-using-CSS	*/
  /*
              .cell {
                width: 100%;
                height: 100%;
                padding: 0 1px 1px 0;
                box-sizing: border-box;

                background: rgb(26, 26, 26);
                background-clip: content-box;
              }
              */
  /*
      .item:hover {
        span {
          color: #FFF;
          cursor: pointer;
        }
        span[data-count$="1"]::after {
          content: ' ПРОЕКТ';
        }

        span[data-count$="2"]::after,
        span[data-count$="3"]::after,
        span[data-count$="4"]::after {
          content: ' ПРОЕКТА';
        }

        span[data-count$="5"]::after,
        span[data-count$="6"]::after,
        span[data-count$="7"]::after,
        span[data-count$="8"]::after,
        span[data-count$="9"]::after,
        span[data-count$="0"]::after,
        span[data-count$="11"]::after,
        span[data-count$="12"]::after,
        span[data-count$="13"]::after,
        span[data-count$="14"]::after {
          content: ' ПРОЕКТОВ';
        }
      }
      */
}
.popups .wrap .grid.industry-list .item {
  width: 100px;
  height: 100px;
  float: left;
  background: #1a1a1a;
  background-clip: content-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  /*
        span.bottomspace {
          display: block;
          position: relative;
          vertical-align: baseline;
          padding: 0 14px 0px 0 !important;//~"calc(100% - 31px)"
          color: #888;
          .FONT(Agora, normal, 12px, 220, auto);
          //vertical-align: bottom;
        }
        */
}
.popups .wrap .grid.industry-list .item::after {
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  font-family: Agora;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 18px;
}
.popups .wrap .grid.industry-list .item:hover .forbackground {
  opacity: 1;
}
.popups .wrap .grid.industry-list .item .forbackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups .wrap .grid.industry-list .item div.topspace {
  height: calc(100% - 25px);
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 18px;
}
.popups .wrap .grid.industry-list .item div.topspace.big-letters {
  font-family: Agora;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 18px;
}
.popups .wrap .grid.industry-list .item span.bottomspace,
.popups .wrap .grid.industry-list .item span.bottomspace-clone {
  display: block;
  position: relative;
  height: 14px;
  vertical-align: baseline;
  padding: 0 14px 0px 0 !important;
  color: #FFF;
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 3px;
  line-height: auto;
}
.popups .wrap .grid.industry-list .item span.bottomspace.bottomspace-clone,
.popups .wrap .grid.industry-list .item span.bottomspace-clone.bottomspace-clone {
  top: -14px;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.popups .wrap .grid.industry-list .item span.bottomspace-clone::after {
  content: '';
}
.popups .wrap .grid.industry-list .item:hover {
  cursor: pointer;
}
.popups .wrap .grid.industry-list .item:hover span.bottomspace {
  opacity: 0;
}
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone {
  opacity: 1;
}
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="1"]::after {
  content: ' ПРОЕКТ';
}
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="2"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="3"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="4"]::after {
  content: ' ПРОЕКТА';
}
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="5"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="6"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="7"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="8"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="9"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="0"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="11"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="12"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="13"]::after,
.popups .wrap .grid.industry-list .item:hover span.bottomspace-clone[data-count$="14"]::after {
  content: ' ПРОЕКТОВ';
}
.popups .wrap .grid.industry-list .item.w200 {
  width: 200px;
}
.popups .wrap .grid.industry-list .item.w400 {
  width: 400px;
}
.popups .wrap .grid.industry-list .item.h100 {
  height: 100px;
}
.popups .wrap .grid.industry-list .item.h100 div.topspace {
  padding-top: calc(41px);
}
.popups .wrap .grid.industry-list .item.h200 {
  height: 200px;
}
.popups .wrap .grid.industry-list .item.h200 div.topspace {
  padding-top: calc(91px);
}
.content {
  margin-left: 210px;
  min-height: 100%;
  width: calc(100% - 210px);
  min-width: 1040px;
  color: #FFF;
  overflow-x: visible;
}
.content > .people {
  min-height: 1400px;
  margin-bottom: 50px;
  padding-bottom: 68px;
  color: #FFF;
  background: #000;
  background-image: url("../img/content/about/bridge-bottom-bg.72a9be596d50.jpg");
  background-repeat: no-repeat;
  background-position: 50% 500px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 0;
  /*
    #kindAll:checked ~ .personnel label.all {
      text-decoration: underline !important;
    }

    #kindExisting:checked ~ .personnel label.existing {
      text-decoration: underline !important;
    }

    #kindEx:checked ~ .personnel label.ex {
      text-decoration: underline !important;
    }
*/
  /*
    > .grid-wrapper {
      text-align: center;

      > .central-grid {
        height: 800px !important;
        width: 100%;
        text-align: left;

        > .item {
          width: 200px;
          height: 200px;
          padding: 0;
        }
        .item.w200 {
          width: 200px;
        }
        .item.h200 {
          height: 200px;
        }
        .item.foto {
          background-image: url("../img/content/about/mickey.3964395b236c.png");
          background-repeat: no-repeat;
          background-position: center;

          > .description {
            width: 100%;
            height: 100%;

            .name {
              display: block;
              .FONT(Agora, bold, 19px, 25, auto);
            }
            .post {
              display: block;
              .FONT(Agora, bold, 14px, 25, auto);
              font-style: italic;
            }
          }

          .description.brending {
            background-color: rgba(211, 64, 39 ,0.5) !important;
          }
          .description.digital {
            background-color: rgba(237, 128, 33 ,0.5) !important;
          }
          .description.advertising {
            background-color: rgba(184, 188, 51 ,0.5) !important;
          }
          .description.video {
            background-color: rgba(0, 0 , 255 ,0.5) !important;//TODO req from nile
          }
        }
        .item.fact {
          display: table-cell;
          vertical-align: middle;
          text-align: left;

          > span {
            display: block;
            .FONT(AgoraBlack, bold, 11px, 150, auto);
            text-transform: uppercase;

            > b {
              .FONT(AgoraBlack, bold, 39px, 25, auto);
              display: block;
            }
          }
        }



        .stamp:before {
          content: "";
          position: absolute;
          z-index: 0;//-1
          width: 392px;
          height: 576px;
          //background-image: url("../img/content/presentation/find_designer.d984b5b129a6.png");
          top: -90px;  //TODO convert to CALC
          left: 205px;  //TODO convert to CALC
        }
        .stamp {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          position: absolute;

           //span {
           div {
            display: block;
            z-index: 40;
            .FONT(AgoraBlack, bold, 13px, 220, auto);
            text-transform: uppercase;

            > b {
              .FONT(AgoraBlack, bold, 34px, 220, auto);
              display: block;
            }
          }
        }
      }
    }
    */
}
.content > .people form#kindSelect,
.content > .people input[type="radio"] {
  display: none;
}
.content > .people .label {
  padding-bottom: 40px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 110px;
  letter-spacing: 9px;
  line-height: 110px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.content > .people .personnel {
  padding-top: 300px;
  padding-bottom: 77px;
}
.content > .people .personnel > .kind {
  display: block;
  text-align: center;
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 24px;
  font-style: italic;
}
.content > .people .personnel > .kind > span {
  margin: 0 11px;
  padding-bottom: 8px;
  cursor: pointer;
}
.content > .people .personnel > .kind > span:hover {
  opacity: 0.7;
}
.content > .people .personnel > .kind > span:hover,
.content > .people .personnel > .kind > span.active {
  padding-bottom: 6px;
  border-bottom: 2px solid #FFF;
}
.content > .people > .grid-wrapper {
  padding-left: 50px;
}
.content > .people > .grid-wrapper > .central-grid {
  width: 100%;
  min-height: 600px;
  text-align: left;
  /*
        .item.fact {
          text-align: left;

          > span {
            display: block;
            padding: 70px 0 0 15px;
            .FONT(AgoraBlack, bold, 11px, 150, auto);
            text-transform: uppercase;

            > b {
              .FONT(AgoraBlack, bold, 39px, 25, auto);
              display: block;
            }
          }
        }
        */
}
.content > .people > .grid-wrapper > .central-grid > .item {
  position: relative;
  width: 200px;
  height: 200px;
  padding: 0;
  float: left;
  z-index: 10;
}
.content > .people > .grid-wrapper > .central-grid .item.w200 {
  width: 200px;
}
.content > .people > .grid-wrapper > .central-grid .item.h200 {
  height: 200px;
}
.content > .people > .grid-wrapper > .central-grid .sphinx.stamp {
  position: relative;
  width: 800px;
  height: 200px;
  padding: 0;
  float: left;
  text-align: center;
  /*
          span.size1 {
            position: relative;
            left: 0;
            top: ~"calc( 50% - 30px )";

            b {
              text-transform: uppercase;
              .FONT(Agora, bold, 34px, 220, 40px);
            }
            .FONT(Agora, normal, 13px, 220, 40px);
          }
          */
}
.content > .people > .grid-wrapper > .central-grid .sphinx.stamp span {
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 3px;
  line-height: 40px;
}
.content > .people > .grid-wrapper > .central-grid .sphinx.stamp span.size1 {
  position: relative;
  left: 0;
  top: calc( 50% - 42px );
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 3px;
  line-height: 40px;
  font-style: italic;
}
.content > .people > .grid-wrapper > .central-grid .sphinx.stamp span.size1 b {
  text-transform: uppercase;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 34px;
  letter-spacing: 8px;
  line-height: 66px;
  font-style: normal;
}
.content > .people > .grid-wrapper > .central-grid .item.stamp.fixed1:after {
  content: "";
  position: absolute;
  width: 392px;
  height: 567px;
  z-index: 0;
  top: -150px;
  left: 205px;
}
.content > .people > .grid-wrapper > .central-grid .item.foto {
  background-image: url("../img/content/about/mickey.3964395b236c.png");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  /*
          .description.brending {
            background-color: rgba(211, 64, 39 ,0.7) !important;
          }
          .description.digital {
            background-color: rgba(237, 128, 33 ,0.7) !important;
          }
          .description.advertising {
            background-color: rgba(184, 188, 51 ,0.7) !important;
          }
          .description.video {
            background-color: rgba(0, 0 , 255 ,0.7) !important;//TODO req from nile
          }
          */
}
.content > .people > .grid-wrapper > .central-grid .item.foto:hover {
  opacity: 1;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description {
  position: relative;
  display: none;
  width: calc( 100% - 2 * 24px );
  height: calc( 100% - 2 * 24px );
  padding: 24px;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description span {
  display: block;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description .name {
  font-family: Agora;
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 1px;
  line-height: auto;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description .post {
  font-family: Agora;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  font-style: italic;
  padding-bottom: 12px;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description .line {
  width: 29px;
  height: 3px;
  background-color: #FFF;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description .project_count {
  position: absolute;
  bottom: 32px;
  left: 25px;
  display: inline-block;
  vertical-align: top;
  height: 15px;
  padding-top: 16px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 29px;
  letter-spacing: 1px;
  line-height: 25px;
}
.content > .people > .grid-wrapper > .central-grid .item.foto > .description .project_unit {
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
  font-family: Agora;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 11px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.content > .people > .grid-wrapper > .central-grid .item.foto:hover > .description {
  display: block;
}
.content > .people > .grid-wrapper > .central-grid .item.fact .fact-wrap {
  position: relative;
  float: right;
  right: 50%;
}
.content > .people > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container {
  position: relative;
  float: left;
  left: 50%;
}
.content > .people > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container > span {
  display: block;
  padding: 70px 10px 0 10px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
}
.content > .people > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container > span > b {
  padding-top: 5px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 1px;
  line-height: 30px;
  display: block;
}
.content > .people > .grid-wrapper > .central-grid .item.fact > span {
  display: block;
  padding: 70px 0 0 15px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: auto;
  text-transform: uppercase;
}
.content > .people > .grid-wrapper > .central-grid .item.fact > span > b {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 1px;
  line-height: auto;
  display: block;
}
.content > .people .project-this-man {
  clear: both;
}
.content > .people .project-this-man .info {
  width: 850px;
  margin: 0 auto;
  padding-top: 225px;
}
.content > .people .project-this-man .info span {
  display: block;
  text-align: center;
}
.content > .people .project-this-man .info .project_co_unit {
  display: inline-block;
  position: absolute;
  margin-left: 10px;
}
.content > .people .project-this-man .info .project_count {
  display: inline-block;
  height: 15px;
  vertical-align: top;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 29px;
  letter-spacing: 1px;
  line-height: 18px;
}
.content > .people .project-this-man .info .project_unit {
  display: inline-block;
  padding-left: 6px;
  vertical-align: top;
  font-family: Agora;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 4px;
}
.content > .people .project-this-man .info .name {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 44px;
  letter-spacing: 5px;
  line-height: 108px;
}
.content > .people .project-this-man .info .post-period {
  font-family: Agora;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 70px;
  font-style: italic;
}
.content > .awards {
  position: relative;
  background: #000;
  background-repeat: no-repeat;
  background-position: 0% -420px;
  color: #FFF;
  min-height: 100%;
  word-wrap: break-word;
  /*
    .forbackgound {
    //&:before {
      //background-image: url("../img/content/awards.c29cdf6ab385.png");
      position: absolute;
      top: 0;
      height: 480px;
      left: 0;
      right: 0;
      z-index: 10;
      background-repeat: no-repeat;
      background-position: 0% 100%;
    }
*/
}
.content > .awards .center {
  margin: 0 auto;
  width: 1040px;
  padding-top: 200px;
  margin-bottom: 50px;
  padding-bottom: 135px;
}
.content > .awards .center h1 {
  height: 100px;
  font-family: AgoraBlack;
  font-weight: normal;
  font-size: 110px;
  letter-spacing: 9px;
  line-height: 150px;
  padding-left: 200px;
}
.content > .awards .center h2 {
  max-width: 600px;
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 34px;
  margin-bottom: 25px;
  word-wrap: break-word !important;
}
.content > .awards .center h3 {
  font-family: Agora;
  font-weight: italic;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 22px;
  font-style: italic;
  color: #bdbdbd;
  margin-bottom: 60px;
}
.content > .awards .center .event {
  min-height: 170px;
  padding-left: 200px;
  padding-top: 20px;
  padding-bottom: 26px;
  background-size: 158px 158px;
  overflow: visible;
}
.content > .awards .center .event .exposition:hover {
  cursor: pointer !important;
}
.content > .awards .center .event .year {
  display: inline-block;
  vertical-align: top;
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 39px;
  width: 138px;
  height: 30px;
}
.content > .awards .center .event .state {
  display: inline-block;
  max-width: 600px;
  padding-left: 61px;
  border-left: solid 2px #FFF;
  margin-bottom: 60px;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
}
.content > .awards .center .event .state span {
  text-transform: uppercase;
}
.content > .awards .center .event .state > span {
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 39px;
}
.content > .awards .center .event .place .exposition {
  display: block;
  margin-top: 15px !important;
}
.content > .awards .center .event .finalist:hover {
  color: #d24027;
}
.content > .awards .center .event .medalist:hover {
  color: #d97620;
}
.content > .awards .center .event .silver:hover {
  color: #b8bc33;
}
.content > .awards .center .event .gold:hover {
  color: #80b9d0;
}
.content > .awards .center .event .bronze:hover {
  opacity: 0.6;
}
.content > .awards .center .event1 {
  background: url("../img/content/award_redapple.35b2d3b74926.png") no-repeat 0px 0px;
}
.content > .awards .center .event2 {
  background: url("../img/content/award_adcr.43f64c754d91.png") no-repeat 0px 0px;
}
.content > .awards .center .event3 {
  background: url("../img/content/award_man.9f12f54f90bf.png") no-repeat 0px 0px;
}
.content > .awards .center .event4 {
  background: url("../img/content/award_fish.833611ae1c43.png") no-repeat 0px 0px;
}
.content > .awards .center .event5 {
  background: url("../img/content/award_golden.e82892ae6884.png") no-repeat 0px 0px;
}
.content > .awards .center .event6 {
  background: url("../img/content/award_squart.0ede387cb69d.png") no-repeat 0px 0px;
}
.content > .about {
  background: #000;
  background-image: url("../img/content/about.13e26e9a3294.png"), url("../img/content/about/bridge-bottom-bg.72a9be596d50.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: 0% top, 50% bottom;
  color: #FFF;
  min-height: 100%;
  margin-bottom: 50px;
  padding-bottom: 68px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*
    #footer {
    width: 100%;
    height: 350px;
    border-collapse: collapse;
    border-spacing: 0px;

    > tbody {
      width: 100%;
      height: 350px;
    }

    td {
      padding: 0px;
    }

    .footer-left-border, .footer-right-border {
      width: 50%;
      height: 350px;
      background-color: rgba(0,0,0,0.8);
    }
    */
}
.content > .about .label {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 44px;
  letter-spacing: 5px;
  line-height: 88px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.content > .about .slogan {
  display: table;
  margin: 0 auto;
  padding-top: 191px;
  padding-bottom: 179px;
}
.content > .about .slogan span {
  display: block;
}
.content > .about .slogan .normal {
  display: block;
  font-family: Agora;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 44px;
  text-transform: uppercase;
  height: 46px;
}
.content > .about .slogan .normal2 {
  display: block;
  font-family: Agora;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 44px;
  text-transform: uppercase;
  height: 43px;
}
.content > .about .slogan .bigger {
  display: block;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 197px;
  letter-spacing: 15px;
  line-height: 163px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-left: -12px;
  height: 171px;
  box-sizing: border-box;
}
.content > .about .slogan .big {
  display: block;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 70px;
  letter-spacing: 6px;
  line-height: 82px;
  text-transform: uppercase;
  margin-left: -4px;
  height: 89px;
}
.content > .about .slogan .small {
  display: block;
  max-width: 700px;
  font-family: AgoraItalic;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 36px;
  font-style: italic;
}
.content > .about .prolog {
  display: table;
  margin-left: calc(50% - 1px);
  margin-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
  border-left: solid 2px #808080;
  max-width: 560px !important;
}
.content > .about .prolog .spec {
  margin-top: -10px;
  font-family: AgoraBlackItalic;
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 39px;
  font-style: italic;
  text-transform: uppercase;
}
.content > .about .prolog ul {
  overflow-x: visible;
}
.content > .about .prolog ul li {
  margin-top: 33px;
  display: inline-block;
  width: 47%;
  vertical-align: top;
  font-family: Agora;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #bdbdbd;
}
.content > .about .prolog ul .diz {
  margin-left: 4%;
}
.content > .about .diagram {
  width: 100%;
  height: auto;
}
.content > .about .diagram .additional {
  height: 0;
}
.content > .about .diagram #forSVG {
  min-height: 100px;
  height: 872px;
  margin-bottom: -100px;
}
.content > .about .diagram span {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.content > .about .diagram .description2 {
  max-width: 490px;
  padding-top: 10px;
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 36px;
  font-style: italic;
}
.content > .about .centerlog {
  margin-top: 95px;
  margin-right: calc(50% - 1px);
  float: right;
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 95px;
  margin-bottom: 75px;
  border-right: solid 2px #808080;
  max-width: 450px !important;
}
.content > .about .centerlog span {
  display: block;
}
.content > .about .centerlog .result {
  margin-top: -10px;
  font-family: AgoraBlackItalic;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 39px;
  font-style: italic;
  text-transform: uppercase;
}
.content > .about .centerlog .sotr {
  margin-top: 30px;
  font-family: Agora;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 20px;
}
.content > .about > .award {
  margin-top: 185px;
  clear: both;
  /*
      .award-all {
        //margin: 0 auto;
        overflow: visible;
        text-align: center;

        > div {
          text-align: left;
          width: 239px;
          height: 63px; //266px;
          padding-top: 203px;
          display: inline-block;
          background-size: 158px 158px;
        }
        .award1 {
          background: url("../img/content/about/akap.12088d1e95f5.png") no-repeat center 18px;
        }
        .award2 {
          background: url("../img/content/about/tagline.30c0ac7713c6.png") no-repeat center 18px;
        }
        .award3 {
          background: url("../img/content/about/russian.f9d5473dedab.png") no-repeat center 18px;
        }
        .award4 {
          background: url("../img/content/about/world.b3f9ee3582bb.png") no-repeat center 18px;
        }
        .award5 {
          background: url("../img/content/about/behance.d99490f0e231.png") no-repeat center 18px;
        }
      }
*/
}
.content > .about > .award span {
  display: block;
  text-align: center;
}
.content > .about > .award .recognition {
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 36px;
  font-style: italic;
  padding-bottom: 20px;
}
.content > .about > .award > div {
  margin: 0 auto;
}
.content > .about > .award table.medals {
  width: 100%;
  height: 268px;
  text-align: center;
  overflow: hidden;
}
.content > .about > .award table.medals .medals-all {
  width: 100%;
  height: 268px;
  /*
        .award1 {
          background: url("../img/content/about/akap.12088d1e95f5.png") no-repeat center 18px;
        }
        .award2 {
          background: url("../img/content/about/tagline.30c0ac7713c6.png") no-repeat center 18px;
        }
        .award3 {
          background: url("../img/content/about/russian.f9d5473dedab.png") no-repeat center 18px;
        }
        .award4 {
          background: url("../img/content/about/world.b3f9ee3582bb.png") no-repeat center 18px;
        }
        .award5 {
          background: url("../img/content/about/behance.d99490f0e231.png") no-repeat center 18px;
        }
        */
}
.content > .about > .award table.medals .medals-all td.award {
  position: relative;
}
.content > .about > .award table.medals .medals-all td.award:hover .hover-award {
  opacity: 1;
}
@media (min-width: 1766px) {
  .content > .about > .award table.medals .medals-all td.award {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }
  .content > .about > .award table.medals .medals-all td.left-border,
  .content > .about > .award table.medals .medals-all td.right-border {
    width: 20% !important;
    min-width: 50px !important;
  }
}
@media (max-width: 1765px) {
  .content > .about > .award table.medals .medals-all td.award {
    width: calc( 93.6% / 6 ) !important;
    min-width: calc( ( 1040px - 50px ) / 6 ) !important;
    max-width: 240px !important;
  }
  .content > .about > .award table.medals .medals-all td.left-border,
  .content > .about > .award table.medals .medals-all td.right-border {
    width: 3.2% !important;
    min-width: 25px !important;
    max-width: 50px !important;
  }
}
.content > .about > .award table.medals .medals-all td .desc-award {
  width: 100%;
  height: 268px;
  padding-top: 203px;
  background-size: 158px 158px;
  box-sizing: border-box;
}
.content > .about > .award table.medals .medals-all td .desc-award span.place {
  display: block;
  font-family: Agora;
  font-weight: normal;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 22px;
  font-style: italic;
}
.content > .about > .award table.medals .medals-all td .desc-award span.action {
  display: block;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 25px;
  font-style: italic;
}
.content > .about > .award table.medals .medals-all td .hover-award {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.content > .about > .award table.medals .medals-all td .hover-award .name {
  display: block;
  padding: 32px 0 22px 0;
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 18px;
  text-transform: uppercase;
}
.content > .about > .award table.medals .medals-all td .hover-award .desc {
  display: block;
  padding: 0 20px;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  font-style: italic;
}
.content > .about > .award table.medals .medals-all td .hover-award .fakelink {
  position: absolute;
  left: 0;
  bottom: 21px;
  width: 100%;
  display: block;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  font-style: italic;
  text-decoration: underline !important;
}
.content > .about .epilog {
  margin-top: 95px;
  margin-bottom: 75px;
  display: table;
  margin-left: calc(50% - 1px);
  padding-left: 60px;
  padding-bottom: 95px;
  border-left: solid 2px #808080;
  max-width: 400px !important;
}
.content > .about .epilog span {
  display: block;
}
.content > .about .epilog .label {
  margin-top: -10px;
  font-family: AgoraBlackItalic;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 39px;
  font-style: italic;
  text-transform: uppercase;
  text-align: left;
}
.content > .about .epilog .sotr {
  margin-top: 40px;
  font-family: Agora;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #bdbdbd;
  max-width: 250px;
}
.content > .about .personnel {
  padding-bottom: 51px;
}
.content > .about .personnel > .kind {
  display: block;
  text-align: center;
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 24px;
}
.content > .about .personnel > .kind > span {
  margin: 0 11px;
  padding-bottom: 8px;
  cursor: pointer;
}
.content > .about .personnel > .kind > span:hover {
  opacity: 0.7;
}
.content > .about .personnel > .kind > span:hover,
.content > .about .personnel > .kind > span.active {
  padding-bottom: 6px;
  border-bottom: 2px solid #FFF;
}
.content > .about > .grid-wrapper {
  text-align: center;
}
.content > .about > .grid-wrapper > .central-grid {
  width: 100%;
  min-height: 600px;
  text-align: left;
  /*
        .item.fact {
          text-align: left;

          > span {
            display: block;
            padding: 70px 0 0 15px;
            .FONT(AgoraBlack, bold, 11px, 150, auto);
            text-transform: uppercase;

            > b {
              .FONT(AgoraBlack, bold, 39px, 25, auto);
              display: block;
            }
          }
        }
        */
}
.content > .about > .grid-wrapper > .central-grid > .item {
  width: 200px;
  height: 200px;
  padding: 0;
  float: left;
}
.content > .about > .grid-wrapper > .central-grid .item.w200 {
  width: 200px;
}
.content > .about > .grid-wrapper > .central-grid .item.h200 {
  height: 200px;
}
.content > .about > .grid-wrapper > .central-grid .item.foto {
  background-image: url("../img/content/about/mickey.3964395b236c.png");
  background-repeat: no-repeat;
  background-position: center;
  /*
          .description.brending {
            background-color: rgba(211, 64, 39 ,0.7) !important;
          }
          .description.digital {
            background-color: rgba(237, 128, 33 ,0.7) !important;
          }
          .description.advertising {
            background-color: rgba(184, 188, 51 ,0.7) !important;
          }
          .description.video {
            background-color: rgba(0, 0 , 255 ,0.7) !important;//TODO req from nile
          }
          */
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description {
  position: relative;
  display: none;
  width: calc( 100% - 2 * 24px );
  height: calc( 100% - 2 * 24px );
  padding: 24px;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description span {
  display: block;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description .name {
  font-family: Agora;
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 1px;
  line-height: auto;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description .post {
  font-family: Agora;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  font-style: italic;
  padding-bottom: 12px;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description .line {
  width: 29px;
  height: 3px;
  background-color: #FFF;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description .project_count {
  position: absolute;
  bottom: 32px;
  left: 25px;
  display: inline-block;
  vertical-align: top;
  height: 15px;
  padding-top: 16px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 29px;
  letter-spacing: 1px;
  line-height: 25px;
}
.content > .about > .grid-wrapper > .central-grid .item.foto > .description .project_unit {
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
  font-family: Agora;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 11px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.content > .about > .grid-wrapper > .central-grid .item.foto:hover > .description {
  display: block;
}
.content > .about > .grid-wrapper > .central-grid .item.fact .fact-wrap {
  position: relative;
  float: right;
  right: 50%;
}
.content > .about > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container {
  display: block;
  position: relative;
  float: left;
  left: 50%;
}
.content > .about > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container > span {
  display: block;
  padding: 70px 10px 0 10px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
}
.content > .about > .grid-wrapper > .central-grid .item.fact .fact-wrap .fact-container > span > b {
  padding-top: 5px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 1px;
  line-height: 30px;
  display: block;
}
.content > .about > .grid-wrapper > .central-grid .item.fact > span {
  display: block;
  padding: 70px 0 0 15px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: auto;
  text-transform: uppercase;
}
.content > .about > .grid-wrapper > .central-grid .item.fact > span > b {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 1px;
  line-height: auto;
  display: block;
}
.content > .about .label.way {
  padding-top: 100px;
  clear: both;
}
.content > .vacancy {
  color: #FFF;
  width: 100%;
  padding-top: 295px;
  padding-bottom: 50px;
  background: #000;
  background-image: url("../img/content/vacancy.0a2b2a340d73.png");
  background-repeat: no-repeat;
  background-position: 0% -200px;
  -webkit-transition: height 0.4s ease 0s;
  -khtml-transition: height 0.4s ease 0s;
  -moz-transition: height 0.4s ease 0s;
  -o-transition: height 0.4s ease 0s;
  transition: height 0.4s ease 0s;
  margin: 0 auto 50px auto;
  position: relative;
}
.content > .vacancy .b-alphabet__wrapper {
  width: 1040px;
  margin: 0 auto;
  position: relative;
}
.content > .vacancy .b-alphabet__wrapper .b-alphabet {
  position: absolute;
}
.content > .vacancy .b-alphabet__wrapper .b-alphabet > span {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  width: 200px;
  text-align: center;
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 76px;
  letter-spacing: 4px;
  line-height: 80px;
  text-transform: uppercase;
}
.content > .vacancy .b-vac-link {
  position: relative;
}
.content > .vacancy .b-vac-link > span {
  padding-left: 90px;
}
.content > .vacancy .b-vac-link > span > span {
  position: relative;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  height: 95px;
  line-height: 115px;
}
.content > .vacancy h1 {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 110px;
  letter-spacing: 9px;
  line-height: 110px;
  text-transform: uppercase;
  padding-bottom: 145px;
  text-align: left;
  width: 790px;
  margin: 0 auto;
}
.content > .vacancy h2 {
  font-family: Agora;
  font-weight: normal;
  font-size: 79px;
  letter-spacing: 0px;
  line-height: 80px;
  font-style: italic;
  padding-bottom: 6px;
}
.content > .vacancy h3 {
  font-family: Agora;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: 0px;
  line-height: 26px;
  font-style: italic;
  padding: 34px 0px 7px;
}
.content > .vacancy > ul.vacancy-list {
  width: 960px;
  margin: 0 auto;
  list-style: none outside none;
}
.content > .vacancy > ul.vacancy-list > li:nth-child(4n+1) .b-vac-link {
  color: #d53f1d;
}
.content > .vacancy > ul.vacancy-list > li:nth-child(4n+2) .b-vac-link {
  color: #ef8100;
}
.content > .vacancy > ul.vacancy-list > li:nth-child(4n+3) .b-vac-link {
  color: #7eb9d1;
}
.content > .vacancy > ul.vacancy-list > li:nth-child(4n+4) .b-vac-link {
  color: #b8bd1f;
}
.content > .vacancy > ul.vacancy-list > li {
  margin: 6px 0px 72px;
  position: relative;
}
.content > .vacancy > ul.vacancy-list > li > .b-vac-link {
  font-family: AgoraUltraBlack;
  font-weight: bold;
  font-size: 76px;
  letter-spacing: 4px;
  line-height: 80px;
  text-transform: uppercase;
  cursor: pointer !important;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description {
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -webkit-transform: translateY(200px);
  -o-transform: translateY(200px);
  transform: translateY(200px);
  position: absolute;
  z-index: 1;
  width: 710px;
  margin-left: 90px;
  top: 5px;
  left: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  color: #e4e4e4 !important;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, height 0.4s ease;
  transition: opacity .4s ease, transform .4s ease, height .4s ease;
  /*
            &.is-transitioned {
            }
*/
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description a {
  color: #e4e4e4;
  font-family: Agora;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .docx {
  font-family: Agora;
  font-weight: normal;
  font-size: 17px;
  letter-spacing: 0px;
  line-height: 26px;
  font-style: italic;
  padding: 10px 0 0px 25px;
  background: url("../img/content/docx-ico.b1b3e76752e7.png") no-repeat left center transparent;
  text-decoration: underline !important;
  cursor: pointer;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .docx:hover {
  opacity: 0.7;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .email {
  text-decoration: underline !important;
  cursor: pointer;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .email:hover {
  opacity: 0.7;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .b-close {
  z-index: 100;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  font-style: italic;
  position: absolute;
  left: 100%;
  width: 100px;
  height: 50px;
  top: 65px;
  padding-top: 53px;
  text-align: center;
  background: url("../img/content/vacancy-close.2b7a975ec4e6.png") no-repeat scroll center top transparent;
  cursor: pointer;
  display: none;
  text-decoration: none;
  right: -320px;
  top: 25px;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description .b-close:hover {
  opacity: 0.7;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description ul li {
  font-family: Agora;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  margin: 20px 0px;
  list-style: none outside none;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description ul li:before {
  content: "\25C6  ";
  margin-left: -15px;
}
.content > .vacancy > ul.vacancy-list > li .b-vac-description ul li:only-child:before {
  margin-left: 0px;
  content: "";
}
.content > .vacancy > ul.vacancy-list .hidden {
  display: none;
}
.content > .vacancy > ul.vacancy-list .vacancy-not-found {
  margin-top: -15px;
  width: 710px;
  padding-left: 90px;
}
.content > .vacancy > ul.vacancy-list .vacancy-not-found > span {
  font-family: Agora;
  font-weight: normal;
  font-size: 50px;
  letter-spacing: 0px;
  line-height: 80px;
  font-style: italic;
  color: #d4d4d4;
}
.content > .vacancy > ul.vacancy-list .vacancy-not-found ~ li {
  width: 710px;
  margin-left: 90px;
}
.content > .vacancy > ul.vacancy-list .b-another-description {
  display: none;
  padding-top: 40px;
}
.content > .vacancy > ul.vacancy-list form.send-resume {
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 50px;
  font-style: italic;
  color: #FFF;
  /*          input[name="application"]:before {
                        display: inline-block;
                        content: "sf";
                        width: 24px;
                        height: 26px;
                        margin-left: -36px;
                        margin-right: 12px;
                        margin-bottom: -10px;
                        background: url("../img/content/application.630df8c2b04f.png") no-repeat left center transparent;
                      }
          */
}
.content > .vacancy > ul.vacancy-list form.send-resume .error {
  border-color: #F00 !important;
}
.content > .vacancy > ul.vacancy-list form.send-resume input,
.content > .vacancy > ul.vacancy-list form.send-resume textarea {
  height: 36px;
  background-color: transparent;
  border-bottom: 2px solid #808080;
  color: #FFF;
}
.content > .vacancy > ul.vacancy-list form.send-resume input:focus,
.content > .vacancy > ul.vacancy-list form.send-resume textarea:focus {
  outline: none;
}
.content > .vacancy > ul.vacancy-list form.send-resume .id_additional,
.content > .vacancy > ul.vacancy-list form.send-resume #id_additional {
  display: block;
  width: 100% !important;
  min-height: 52px;
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 50px;
  font-style: italic;
}
.content > .vacancy > ul.vacancy-list form.send-resume #application1,
.content > .vacancy > ul.vacancy-list form.send-resume #application2,
.content > .vacancy > ul.vacancy-list form.send-resume #application3,
.content > .vacancy > ul.vacancy-list form.send-resume #application4,
.content > .vacancy > ul.vacancy-list form.send-resume #sendbuttton1,
.content > .vacancy > ul.vacancy-list form.send-resume #sendbuttton2,
.content > .vacancy > ul.vacancy-list form.send-resume #sendbuttton3,
.content > .vacancy > ul.vacancy-list form.send-resume #sendbuttton4 {
  display: none;
}
.content > .vacancy > ul.vacancy-list form.send-resume .clipfile {
  display: block;
  position: relative;
  width: 180px;
  color: #e4e4e4;
  margin-bottom: 48px;
  border-bottom: 2px dashed #BBB;
  padding: 15px 0 0px 0;
  font-family: Agora;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 30px;
  font-style: normal;
  cursor: pointer;
}
.content > .vacancy > ul.vacancy-list form.send-resume .clipfile:hover {
  opacity: 0.7;
}
.content > .vacancy > ul.vacancy-list form.send-resume .clipfile:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 16px;
  left: -36px;
  width: 24px;
  height: 26px;
  background: url("../img/content/application.630df8c2b04f.png") no-repeat left center transparent;
  cursor: pointer;
}
.content > .vacancy > ul.vacancy-list form.send-resume .send {
  width: 238px;
  height: 52px;
  padding: 10px 40px;
  border: 2px solid #FFF;
  font-family: AgoraBlack;
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 19px;
  font-style: normal;
  cursor: pointer;
}
.content > .vacancy > ul.vacancy-list form.send-resume .send:hover {
  opacity: 0.7;
}
.content > .vacancy > ul.vacancy-list form.send-resume input[name="send"] {
  color: #333;
  cursor: pointer;
}
.content .filterbrend #sliderbrend {
  margin: 0 auto;
  width: 800px;
  overflow: hidden;
  position: relative;
  padding: 0 55px 10px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
@media (min-width: 1385px) {
  .content .filterbrend #sliderbrend {
    width: 1000px;
  }
}
@media (min-width: 1585px) {
  .content .filterbrend #sliderbrend {
    width: 1200px;
  }
}
@media (min-width: 1785px) {
  .content .filterbrend #sliderbrend {
    width: 1400px;
  }
}
@media (min-width: 1985px) {
  .content .filterbrend #sliderbrend {
    width: 1600px;
  }
}
@media (min-width: 2185px) {
  .content .filterbrend #sliderbrend {
    width: 1800px;
  }
}
@media (min-width: 2385px) {
  .content .filterbrend #sliderbrend {
    width: 2000px;
  }
}
@media (min-width: 2585px) {
  .content .filterbrend #sliderbrend {
    width: 2200px;
  }
}
@media (min-width: 2785px) {
  .content .filterbrend #sliderbrend {
    width: 2400px;
  }
}
@media (min-width: 2985px) {
  .content .filterbrend #sliderbrend {
    width: 2600px;
  }
}
@media (min-width: 3185px) {
  .content .filterbrend #sliderbrend {
    width: 2800px;
  }
}
@media (min-width: 3385px) {
  .content .filterbrend #sliderbrend {
    width: 3000px;
  }
}
@media (min-width: 3585px) {
  .content .filterbrend #sliderbrend {
    width: 3200px;
  }
}
@media (min-width: 3785px) {
  .content .filterbrend #sliderbrend {
    width: 3400px;
  }
}
@media (min-width: 3985px) {
  .content .filterbrend #sliderbrend {
    width: 3600px;
  }
}
@media (min-width: 4185px) {
  .content .filterbrend #sliderbrend {
    width: calc( 100% - 110px - 50px );
  }
}
.content .filterbrend #sliderbrend .viewport {
  height: 100px;
  overflow: hidden;
  position: relative;
  background-color: rgba(0, 0, 0, 0.8);
}
.content .filterbrend #sliderbrend .buttons {
  background: rgba(0, 0, 0, 0.8) url("../img/content/filter/arrow-left.d9cd21cc7a1f.png") no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0%;
  width: 50px;
  height: 100px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  text-decoration: none;
  font-size: 40px;
  cursor: pointer;
}
.content .filterbrend #sliderbrend .buttons:hover {
  opacity: 0.5;
}
.content .filterbrend #sliderbrend .next {
  background: rgba(0, 0, 0, 0.8) url("../img/content/filter/arrow-right.0f7ea8934ff8.png") no-repeat center center;
  right: 0;
  left: auto;
  top: 0%;
}
.content .filterbrend #sliderbrend .disable {
  visibility: hidden;
}
.content .filterbrend #sliderbrend .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 200px;
  left: 0;
  top: 0;
  /*
        .brandBiBank {
          background: url("../img/content/filter/bibank.8a62c4109cf3.png") no-repeat center center;
        }
        .brandCarboon {
          background: url("../img/content/filter/carbon.c9b32ee511a6.png") no-repeat center center;
        }
        .brandTNK {
          background: url("../img/content/filter/tnk.363fad6a66fb.png") no-repeat center center;
        }
        .brandSminex {
          background: url("../img/content/filter/sminex.98236fe1ab12.png") no-repeat center center;
        }
        .brandMtv {
          background: url("../img/content/filter/mtv.f8b3e5b221c9.png") no-repeat center center;
        }
        */
}
.content .filterbrend #sliderbrend li {
  position: relative;
  float: left;
  height: 100px;
  width: 200px;
  overflow: hidden;
  cursor: pointer !important;
  background-size: cover !important;
}
.content .filterbrend #sliderbrend li .forbackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.content .filterbrend #sliderbrend li.active .forbackground,
.content .filterbrend #sliderbrend li:hover .forbackground {
  opacity: 1;
}
.content .filterbrend #sliderbrend li a {
  z-index: 10;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.content .filterbrend .label {
  text-align: center;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 60px;
  letter-spacing: 6px;
  line-height: 60px;
  text-transform: uppercase;
  padding: 87px 0 47px 0;
}
.content .filterindustry #sliderindustry {
  margin: 0 auto;
  width: 800px;
  overflow: hidden;
  position: relative;
  padding: 0 55px 10px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
@media (min-width: 1385px) {
  .content .filterindustry #sliderindustry {
    width: 1000px;
  }
}
@media (min-width: 1585px) {
  .content .filterindustry #sliderindustry {
    width: 1200px;
  }
}
@media (min-width: 1785px) {
  .content .filterindustry #sliderindustry {
    width: 1400px;
  }
}
@media (min-width: 1985px) {
  .content .filterindustry #sliderindustry {
    width: 1600px;
  }
}
@media (min-width: 2185px) {
  .content .filterindustry #sliderindustry {
    width: 1800px;
  }
}
@media (min-width: 2385px) {
  .content .filterindustry #sliderindustry {
    width: 2000px;
  }
}
@media (min-width: 2585px) {
  .content .filterindustry #sliderindustry {
    width: 2200px;
  }
}
@media (min-width: 2785px) {
  .content .filterindustry #sliderindustry {
    width: 2400px;
  }
}
@media (min-width: 2985px) {
  .content .filterindustry #sliderindustry {
    width: 2600px;
  }
}
@media (min-width: 3185px) {
  .content .filterindustry #sliderindustry {
    width: 2800px;
  }
}
@media (min-width: 3385px) {
  .content .filterindustry #sliderindustry {
    width: 3000px;
  }
}
@media (min-width: 3585px) {
  .content .filterindustry #sliderindustry {
    width: 3200px;
  }
}
@media (min-width: 3785px) {
  .content .filterindustry #sliderindustry {
    width: 3400px;
  }
}
@media (min-width: 3985px) {
  .content .filterindustry #sliderindustry {
    width: 3600px;
  }
}
@media (min-width: 4185px) {
  .content .filterindustry #sliderindustry {
    width: calc( 100% - 110px - 50px );
  }
}
.content .filterindustry #sliderindustry .viewport {
  height: 100px;
  overflow: hidden;
  position: relative;
  background-color: rgba(0, 0, 0, 0.8);
}
.content .filterindustry #sliderindustry .buttons {
  background: rgba(0, 0, 0, 0.8) url("../img/content/filter/arrow-left.d9cd21cc7a1f.png") no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0%;
  width: 50px;
  height: 100px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  text-decoration: none;
  font-size: 40px;
  cursor: pointer;
}
.content .filterindustry #sliderindustry .buttons:hover {
  opacity: 0.5;
}
.content .filterindustry #sliderindustry .next {
  background: rgba(0, 0, 0, 0.8) url("../img/content/filter/arrow-right.0f7ea8934ff8.png") no-repeat center center;
  right: 0;
  left: auto;
  top: 0%;
}
.content .filterindustry #sliderindustry .disable {
  visibility: hidden;
}
.content .filterindustry #sliderindustry .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 200px;
  left: 0;
  top: 0;
}
.content .filterindustry #sliderindustry li {
  position: relative;
  float: left;
  height: 100px;
  width: 200px;
  overflow: hidden;
  cursor: pointer !important;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 18px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  /*
          a {
            display: block;
            //z-index: 200000;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            //opacity: 0;
            //width: 100% !important;
            //height: 100% !important;
            line-height: 50px;
            background-position: 14% 50%;// 33 / 239 / 14%
            background-size: 30px 30px;
            background-repeat: no-repeat;
          }
*/
}
.content .filterindustry #sliderindustry li .forbackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.content .filterindustry #sliderindustry li.active .forbackground,
.content .filterindustry #sliderindustry li:hover .forbackground {
  opacity: 1;
}
.content .filterindustry #sliderindustry li > span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.content .filterindustry #sliderindustry li > span > span {
  display: block;
  height: 100%;
  width: 100%;
}
.content .filterindustry #sliderindustry li > span > span a {
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  line-height: 100px;
}
.content .filterindustry .label {
  text-align: center;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 60px;
  letter-spacing: 6px;
  line-height: 60px;
  text-transform: uppercase;
  padding: 87px 0 47px 0;
}
.content > input[type="radio"] {
  display: none;
}
.content .filtercompetence .competence-wrap {
  padding: 0 25px;
}
.content .filtercompetence table.competence {
  width: 100%;
  height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.content .filtercompetence table.competence tr {
  height: 50px;
}
.content .filtercompetence table.competence tr td {
  width: 25%;
  height: 50px;
  position: relative;
  background-position: 0% 50%;
  background-size: 100%, 100%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
}
.content .filtercompetence table.competence tr td a {
  display: block;
  position: absolute;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 50px;
  background-position: 14% 50%;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}
.content .filtercompetence table.competence tr td .forbackground {
  position: absolute;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out 0s;
  -khtml-transition: opacity 1s ease-out 0s;
  -moz-transition: opacity 1s ease-out 0s;
  -o-transition: opacity 1s ease-out 0s;
  transition: opacity 1s ease-out 0s;
}
.content .filtercompetence table.competence tr td.active .forbackground,
.content .filtercompetence table.competence tr td:hover .forbackground {
  opacity: 1;
}
.content .filtercompetence table.competence tr td:not(:hover) {
  background: #1a1a1a !important;
}
.content .filtercompetence .label {
  text-align: center;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 60px;
  letter-spacing: 6px;
  line-height: 60px;
  text-transform: uppercase;
  padding: 87px 0 27px 0;
}
.content .filtercompetence .wrap {
  position: relative;
  float: right;
  right: 50%;
  margin-bottom: 30px;
}
.content .filtercompetence .wrap span.selectsection {
  position: relative;
  float: left;
  left: 50%;
  text-align: center;
  padding: 0 50px;
}
.content .filtercompetence .wrap span.selectsection label {
  margin: 0 10px;
  padding-bottom: 5px;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 36px;
  white-space: nowrap;
  cursor: pointer;
}
.content .filtercompetence .wrap span.selectsection label:hover,
.content .filtercompetence .wrap span.selectsection label.border {
  border-bottom: #FFF solid 3px;
}
.content .filtercompetence #sectionAll:checked ~ .filtercompetence span label {
  text-decoration: underline;
}
.content > .label {
  text-align: center;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 60px;
  letter-spacing: 6px;
  line-height: 60px;
  text-transform: uppercase;
  padding: 100px 0;
}
.content > .search_page {
  padding: 0 55px 50px 50px;
  background-color: #000;
  height: calc( 100% );
  color: #fff;
}
.content > .search_page .head-wrap {
  padding: 111px 0 0 0px;
}
.content > .search_page .head-wrap .label {
  display: inline-block;
  width: 470px;
  float: left;
  vertical-align: bottom;
  font-family: AgoraBlack;
  font-weight: 900;
  font-size: 100px;
  letter-spacing: 8px;
  line-height: 100px;
  text-transform: uppercase;
}
.content > .search_page .head-wrap .search {
  display: inline-block;
  float: right;
  vertical-align: bottom;
  width: calc( 100% - 470px );
  height: 60px;
  margin-top: 30px;
}
.content > .search_page .head-wrap .search input {
  width: 100%;
  height: 50px;
  padding-right: 24px;
  box-sizing: border-box;
  background: url("../img/content/search/search-zoom.20430d96a5ad.svg") no-repeat right 0px;
  border: none;
  border-bottom: solid 1px #FFF;
  font-family: Agora;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 36px;
  font-style: italic;
  cursor: pointer;
}
.content > .search_page .head-wrap .search input:hover {
  opacity: 0.7;
}
.content > .search_page .search_result_text {
  display: block;
  font-family: Agora;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0px;
  line-height: 100px;
  font-style: italic;
}
.content > .search_page .search_result_text b {
  font-style: normal;
  font-weight: 700;
}
.content > .search_page .border-img {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0 72px 0;
}
.content > .search_page .search_item_wrap {
  display: block;
  width: auto;
  min-height: 150px;
  padding-bottom: 40px;
  cursor: pointer;
  text-transform: uppercase;
}
.content > .search_page .search_item_wrap:hover {
  opacity: 0.7;
}
.content > .search_page .search_item_wrap .desc-wrap {
  display: inline-block;
  float: left;
  width: 432px;
}
.content > .search_page .search_item_wrap .desc-wrap .title {
  display: block;
  font-family: Agora;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 40px;
}
.content > .search_page .search_item_wrap .desc-wrap .section {
  display: block;
  padding-top: 20px;
  font-family: Agora;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.3);
}
.content > .search_page .search_item_wrap .img-wrap {
  width: calc( 100% - 432px - 50px );
  display: inline-block;
  float: right;
}
.content > .search_page .search_item_wrap .img-wrap img {
  float: left;
  max-width: 100px;
  max-height: 100px;
  padding: 0 50px 50px 0;
}
.projects {
  color: #FFF;
  position: relative;
  /*
  .project_123 {
    &.step1::after {
      background-image: url("../img/content/mask/masks_sobaka_01.416cf9e7bd21.png")!important;
    }

    &.step2::after {
      background-image: url("../img/content/mask/masks_sobaka_02.24a6c3fff9be.png")!important;
    }

    &.step3::after {
      background-image: url("../img/content/mask/masks_sobaka_03.91cf6226d8a3.png")!important;
    }

    &.step4::after {
      background-image: url("../img/content/mask/masks_sobaka_04.a38fb02d06ef.png")!important;
    }

    &.step5::after {
      background-image: url("../img/content/mask/masks_sobaka_05.13c1584c59b2.png")!important;
    }

    &.step6::after {
      background-image: url("../img/content/mask/masks_sobaka_06.0242a9ed0a67.png")!important;
    }

    &.step7::after {
      background-image: url("../img/content/mask/masks_sobaka_07.672b1c3d7710.png")!important;
    }

    &.step8::after {
      background-image: url("../img/content/mask/masks_sobaka_08.ccdf481d4a8d.png")!important;
    }

    &.step9::after {
      background-image: url("../img/content/mask/masks_sobaka_09.07ddb1798b28.png")!important;
    }

    &.step10:after {
      background-image: url("../img/content/mask/masks_sobaka_10.708d5cf1fbaf.png")!important;
    }

    &.step11::after {
      background-image: url("../img/content/mask/masks_sobaka_11.42da2fa3bdeb.png")!important;
    }

    &.step12::after {
      background-image: url("../img/content/mask/masks_sobaka_12.ee322c173524.png")!important;
    }

    &.step13::after {
      background-image: url("../img/content/mask/masks_sobaka_13.e1faa98367c3.png")!important;
    }

    &.step14::after {
      background-image: url("../img/content/mask/masks_sobaka_14.052cc29a1574.png")!important;
    }

    &.step15:after {
      background-image: url("../img/content/mask/masks_sobaka_15.6a58f0b32752.png")!important;
    }

    &.step16:after {
      background-image: url("../img/content/mask/masks_sobaka_16.7778d779be7a.png")!important;
    }
  }
  */
  /*
  .grid {
    //background: transparent;
    min-width: 1040px;
    position: relative;

    .item {
      width: 300px;
      height: 400px;
      display: block;
      float: left;
      background-clip: content-box;
      box-sizing: border-box;

      .description {
        display: none;
        position: absolute;
        left:0;
        bottom: 0;
        //top: ~"calc(100% - 125px)";
        height: 125px;
        width: ~"calc(100% - 50px)";
        margin: 25px;
        padding-top: 25px;
        background-color: rgb(211, 64, 39);

        span.shortcompetence {
          display: none;
          padding: 0 25px 0 25px;
          .FONT(AgoraLight, lighter, 12px, 25, 29px);//63px
        }

        .project_info {
          display: inline-block;
          padding: 0 25px 25px 25px;

          .projectname {
            .FONT(AgoraBold, normal, 15px, 25, 29px);
          }
          .trademark {
            .FONT(AgoraBold, normal, 20px, 25, 29px);
          }
        }

        .project_compety {
          display: inline-block;
          float: right;
          padding: 0 25px 25px 0px;

          span {
            .FONT(AgoraLight, lighter, 12px, 25, 29px);

            b {
              .FONT(AgoraBold, normal, 12px, 25, 29px);//63px
            }
          }
        }
      }
      .brending {
        background-color: rgb(211, 64, 39) !important;
      }
      .digital {
        background-color: rgb(237, 128, 33) !important;
      }
      .advertising {
        background-color: rgb(184, 188, 51) !important;
      }
      .video {
        background-color: blue !important;//rgb(211, 64, 39);  //TODO req from nile
      }
    }

    .item:hover {

      .description {
        display: block;
      }
    }

    .item.w250 {
      width: 300px;

      .description {
        height: auto !important;

        .project_info {
          height: auto !important;
        }
        span.shortcompetence {
          display: block !important;
          height: auto !important;
        }
        .project_compety {
          display: none !important;
        }
      }
    }
    .item.w550 {
      width: 600px;
    }
    .item.w850 {
      width: 900px;
    }

    .item.h150 {
      height: 200px;
    }
    .item.h350 {
      height: 400px;
    }
    .item.h550 {
      height: 600px;
    }

    .stamp {
      display: table-cell;
      //vertical-align: middle;
      text-align: center;

      span {
        .FONT(Agora, normal, 13px, 220, 40px);
      }
      span.size1 {
        position: relative;
        left: 0;
        top: ~"calc( 50% - 40px )";

        b {
          text-transform: uppercase;
          .FONT(Agora, bold, 34px, 220, 40px);
        }
        .FONT(Agora, normal, 13px, 220, 40px);
      }
      span.size2 {
        position: relative;
        left: 0;
        top: ~"calc( 50% - 90px )";

        b {
          text-transform: uppercase;
          .FONT(Agora, bold, 26px, 220, 58px);
        }
      }

    //{"name": "find_designer", "width": 550, "height": 350, "projectLogo": "../img/content/presentation/find_designer.png", "projectBackgroung" : "../img/content/presentation/rybinsk_kabel-bg.png"},

    .stamp.fixed1 { //1050 x 984
      position: absolute;
      left: 300px;  //right: 300px;
      top: 400px;
      width: 600px;
      height: 400px;
      //background: rgba(255,165,0,0.05);
      //border: 4px dotted black;
    }
    .stamp.fixed1:before {
      content: "";
      position: absolute;
      width: 1050px;
      height: 984px;
      z-index: -1;
      background-image: url("../img/content/presentation/find_designer.d984b5b129a6.png");
      top: -250px;
      left: -250px;
    }

    //{"name": "mask", "competence": "advertising", "width": 250, "height": 350, "projectLogo": "../img/content/presentation/mask.png", "projectBackgroung" : "../img/content/presentation/rybinsk_kabel-bg.png"},
    .stamp.fixed2 { //697 x 518
      position: absolute;
      left: 25px;  //right: 300px;
      top: 825px;
      width: 300px;//300px;
      height: 400px;//400px;
      z-index: -3;
      //margin: 0 50px 50 px 0;
      //background: rgba(255,165,0,0.05);
      box-sizing: border-box;
      border: 5px solid #FFF;
    }
    .stamp.fixed2:before {
      content: "";
      position: absolute;
      width: 697px;
      height: 518px;
      z-index: -2;
      background-image: url("../img/content/presentation/mask.cd139b16e4e1.png");
      top: -100px;
      left: -150px;
    }
  }
 */
}
.projects .addProjects {
  display: none;
  width: calc( 100% - 25px * 2 );
  height: 79px;
  margin: 0 25px 25px 25px;
  box-sizing: border-box;
  background-color: #000;
  font-family: AgoraBlack;
  font-weight: bolder;
  font-size: 36px;
  letter-spacing: 8px;
  line-height: 88px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.projects .addProjects:hover {
  opacity: 0.7;
}
.projects .addProjects.show {
  display: block;
}
.projects .or {
  display: none;
  width: 100%;
  padding: 31px 0 13px 0;
  text-align: center;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 34px;
  font-style: italic;
}
.projects .or.show {
  display: block;
}
.projects .pdfProjects {
  display: block;
  margin: 25px auto 50px auto;
  text-align: center;
}
.projects .pdfProjects .pdfProjects-button {
  height: 34px;
  padding: 10px 0 10px 46px;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 34px;
  font-style: italic;
  color: #fff;
  background: transparent url("../img/content/presentation/pdf.5c2237dfe0f1.png") no-repeat 0px 0px;
  background-size: 28px 34px;
  cursor: pointer;
}
.projects .pdfProjects .pdfProjects-button:hover {
  opacity: 0.7;
}
.projects .grid {
  overflow: hidden;
}
.grid,
.grid-wrap {
  text-transform: none;
  text-align: left;
  /*
  .stamp.fixed1:before {
    content: "";
    position: absolute;
    width: 1050px;
    height: 984px;
    z-index: -1;
    background-image: url("../img/content/presentation/find_designer.d984b5b129a6.png");
    top: -150px;
    left: -150px;
    //top: -250px;
    //left: -250px;
  }
*/
  /*
  .stamp.fixed2 { //697 x 518
    position: absolute;
    left: 25px;  //right: 300px; //30%;
    top: 825px;
    width: 300px;//300px;
    height: 400px;//400px;
    z-index: -3;
    //margin: 0 50px 50 px 0;
    //background: rgba(255,165,0,0.05);
    box-sizing: border-box;
    border: 5px solid #FFF;
  }
  .stamp.fixed2:before {
    content: "";
    position: absolute;
    width: 697px;
    height: 518px;
    z-index: -2;
    //background-image: url("../img/content/presentation/mask.cd139b16e4e1.png");
    top: -100px;
    left: -150px;
  }
  */
}
.grid .item,
.grid-wrap .item {
  position: relative;
  display: block;
  width: 300px;
  height: 400px;
  float: left;
  background-clip: content-box;
  box-sizing: border-box;
  color: #FFF;
}
.grid .item:hover .description,
.grid-wrap .item:hover .description {
  opacity: 1;
}
.grid .item .description,
.grid-wrap .item .description {
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-in 0s;
  -khtml-transition: opacity 0.7s ease-in 0s;
  -moz-transition: opacity 0.7s ease-in 0s;
  -o-transition: opacity 0.7s ease-in 0s;
  transition: opacity 0.7s ease-in 0s;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 125px;
  width: calc(100% - 50px);
  margin: 25px;
  padding-top: 25px;
  background-color: #d34027;
  overflow: hidden;
}
.grid .item .description span.shortcompetence,
.grid-wrap .item .description span.shortcompetence {
  display: none;
  padding: 0 25px 0 25px;
  font-family: AgoraLight;
  font-weight: lighter;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 29px;
}
.grid .item .description .project_info,
.grid-wrap .item .description .project_info {
  display: inline-block;
  padding: 0 25px 25px 25px;
  max-width: 60%;
  box-sizing: border-box;
}
.grid .item .description .project_info .projectname,
.grid-wrap .item .description .project_info .projectname {
  display: block;
  font-family: Agora;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 29px;
}
.grid .item .description .project_info .trademark,
.grid-wrap .item .description .project_info .trademark {
  display: block;
  font-family: Agora;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 29px;
}
.grid .item .description .project_compety,
.grid-wrap .item .description .project_compety {
  display: inline-block;
  float: right;
  padding: 0 25px 25px 0px;
  max-width: 40%;
  box-sizing: border-box;
  text-align: right;
}
.grid .item .description .project_compety span,
.grid-wrap .item .description .project_compety span {
  display: block;
  font-family: AgoraLight;
  font-weight: lighter;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 29px;
}
.grid .item .description .project_compety span b,
.grid-wrap .item .description .project_compety span b {
  font-family: Agora;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 29px;
}
.grid .item .brending,
.grid-wrap .item .brending {
  background-color: #d34027 !important;
}
.grid .item .digital,
.grid-wrap .item .digital {
  background-color: #ed8021 !important;
}
.grid .item .advertising,
.grid-wrap .item .advertising {
  background-color: #b8bc33 !important;
}
.grid .item .video,
.grid-wrap .item .video {
  background-color: blue !important;
}
.grid .item.w250,
.grid-wrap .item.w250 {
  width: 300px;
}
.grid .item.w250 .description,
.grid-wrap .item.w250 .description {
  height: auto !important;
}
.grid .item.w250 .description .project_info,
.grid-wrap .item.w250 .description .project_info {
  height: auto !important;
  max-width: 100%;
}
.grid .item.w250 .description span.shortcompetence,
.grid-wrap .item.w250 .description span.shortcompetence {
  display: block !important;
  height: auto !important;
}
.grid .item.w250 .description .project_compety,
.grid-wrap .item.w250 .description .project_compety {
  display: none !important;
}
.grid .item.w550,
.grid-wrap .item.w550 {
  width: 600px;
}
.grid .item.w850,
.grid-wrap .item.w850 {
  width: 900px;
}
.grid .item.h150,
.grid-wrap .item.h150 {
  height: 200px;
}
.grid .item.h350,
.grid-wrap .item.h350 {
  height: 400px;
}
.grid .item.h550,
.grid-wrap .item.h550 {
  height: 600px;
}
.grid .stamp,
.grid-wrap .stamp {
  display: table-cell;
  text-align: center;
}
.grid .stamp span,
.grid-wrap .stamp span {
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 3px;
  line-height: 40px;
  display: block;
}
.grid .stamp b,
.grid-wrap .stamp b {
  display: block;
}
.grid .stamp span.size1,
.grid-wrap .stamp span.size1 {
  position: relative;
  left: 0;
  top: calc( 50% - 42px );
  font-family: Agora;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 3px;
  line-height: 40px;
  font-style: italic;
}
.grid .stamp span.size1 b,
.grid-wrap .stamp span.size1 b {
  text-transform: uppercase;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 34px;
  letter-spacing: 8px;
  line-height: 66px;
  font-style: normal;
}
.grid .stamp span.size2,
.grid-wrap .stamp span.size2 {
  position: relative;
  left: 0;
  top: calc( 50% - 90px );
}
.grid .stamp span.size2 b,
.grid-wrap .stamp span.size2 b {
  text-transform: uppercase;
  font-family: Agora;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 6px;
  line-height: 58px;
}
.grid .stamp.fixed1,
.grid-wrap .stamp.fixed1 {
  position: absolute;
  left: 300px !important;
  top: 400px !important;
  width: 600px;
  height: 400px;
}
/*
.central-grid {
  width: 100%;
  //min-height: 200px;
  //height: auto;
  text-align: left;

  > .item {
    width: 200px;
    height: 200px;
    padding: 0;
    float: left;
    z-index:auto;
  }
  .item.w200 {
    width: 200px;
  }
  .item.h200 {
    height: 200px;
  }
  .item.stamp.fixed1 {
    position: relative;
    width: 800px;
    height: 200px;
    padding: 0;
    float: left;
    text-align: center;
    //z-index: 0;

    span {
      .FONT(Agora, normal, 13px, 220, 40px);
    }
    span.size1 {
      position: relative;
      left: 0;
      top: ~"calc( 50% - 30px )";

      b {
        text-transform: uppercase;
        .FONT(Agora, bold, 34px, 220, 40px);
      }
      .FONT(Agora, normal, 13px, 220, 40px);
    }
  }

  .item.stamp.fixed1:after {//after {//before
    content: "";
    position: absolute;
    width: 392px;
    height: 567px;
    z-index: 0;
    background-image: url("../img/content/people/faraon.9f45c1b7074f.png");
    top: -150px;
    left: 205px;
  }
  .item.foto {
    background-image: url("../img/content/about/mickey.3964395b236c.png");
    background-repeat: no-repeat;
    background-position: center;

    > .description {
      display: none;
      width: ~"calc( 100% - 2 * 24px )";
      height: ~"calc( 100% - 2 * 24px )";
      padding: 24px;

      span {
        display: block;
      }

      .name {
        .FONT(Agora, bold, 19px, 25, auto);
      }
      .post {
        height: 30px;
        .FONT(Agora, bold, 14px, 25, auto);
        font-style: italic;
      }
      .project_count {
        display: inline-block;
        vertical-align: top;
        height: 15px;
        padding-top: 44px;
        width: 38px;
        border: 0px solid #FFF;
        border-top-width: 3px;
        .FONT(AgoraBlack, bold, 29px, 25, 0px);
      }
      .project_unit {
        display: inline-block;
        .FONT(Agora, bold, 11px, 150, 80px);
        margin-bottom: 30px;
        text-transform: uppercase;
      }
    }

    .description.brending {
      background-color: rgba(211, 64, 39 ,0.7) !important;
    }
    .description.digital {
      background-color: rgba(237, 128, 33 ,0.7) !important;
    }
    .description.advertising {
      background-color: rgba(184, 188, 51 ,0.7) !important;
    }
    .description.video {
      background-color: rgba(0, 0 , 255 ,0.7) !important;//TODO req from nile
    }
  }
  .item.foto:hover > .description {
    display: block;
  }
  .item.fact {
    text-align: left;

    > span {
      display: block;
      padding: 70px 0 0 15px;
      .FONT(AgoraBlack, bold, 11px, 150, auto);
      text-transform: uppercase;

      > b {
        .FONT(AgoraBlack, bold, 39px, 25, auto);
        display: block;
      }
    }
  }
}
*/
#openmenu:checked ~ .fullpage-content .project-terra .gamburger {
  background-image: url("../img/content/project/menu-open.1ffd58f3c42b.png"), url("../img/sprite.6216f965a8c1.png");
  background-position: center, -210px -20px;
}
#loading {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 110000;
  background: #000;
}
#loading .loading_container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
}
#loading .loading_container .loading.img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  max-width: 200px;
  max-height: 200px;
  background-color: #000;
}
#main_animation {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: #000000 url("../img/sprite.6216f965a8c1.png");
  overflow: hidden;
}
#main_animation #scroll-skip {
  cursor: pointer;
}
#main_animation #scroll-skip:hover {
  opacity: 0.7;
}
#main_animation #debugInfo {
  display: none;
  position: absolute;
  top: 30px;
  left: 30px;
  color: #CCC;
  font-size: 40px;
}
#main_animation #string_manager {
  display: none;
  position: absolute;
  top: 80px;
  left: 30px;
  font-size: 40px;
  color: #DDD;
  cursor: pointer;
}
#main_animation .sequence_container {
  position: absolute;
  top: 0;
  left: calc( 50% - 385px );
  width: 466px;
}
#main_animation .sequence_container .sequence {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#main_animation .text.animation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1250px;
  height: 54px;
  margin: 0 auto;
  text-align: left;
  color: #FFF;
  font-family: AgoraBlackItalic;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 0px;
  line-height: 54px;
  font-style: italic;
  text-transform: uppercase;
  position: relative;
}
#main_animation .text.animation .wrap {
  width: 1250px;
  text-align: left;
  margin: 0 auto;
  padding-left: 75px;
  height: 54px;
}
#main_animation .text.animation .clone {
  display: block;
  text-align: center;
  position: relative;
  height: 54px;
  top: -54px;
}
#main_animation .text.animation span {
  vertical-align: top;
}
#main_animation .text.animation .right {
  display: inline-block;
  width: 765px;
}
#main_animation .text.animation .right .animation_string {
  position: relative;
  display: block;
  width: 100%;
}
#main_animation .text.animation .right .container {
  position: relative;
  display: block;
  width: 100%;
}
#main_animation .text.animation .right .container span {
  display: block;
}
#main_animation .text.animation .right .container .dynamic11 {
  position: absolute;
  top: 0;
}
#main_animation .text.animation .right .container .dynamic12 {
  position: absolute;
  top: 0;
}
#main_animation .text.animation .dash {
  padding: 0 13px;
}
#main_animation .text.animation .red.lights,
#main_animation .text.animation .red span {
  display: inline-block;
  height: 48px;
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: rgba(211, 64, 39, 0.5) !important;
}
#main_animation .text.animation .green.lights,
#main_animation .text.animation .green span {
  display: inline-block;
  height: 48px;
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: rgba(184, 188, 51, 0.5) !important;
}
#main_animation .text.animation .green:after {
  position: absolute;
  width: 170px;
  height: 3px;
  bottom: -10px;
  left: 0px;
  background: #b8bc33;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b8bc33 0%, #80b9d0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b8bc33), color-stop(100%, #80b9d0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #b8bc33 0%, #80b9d0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #b8bc33 0%, #80b9d0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #b8bc33 0%, #80b9d0 100%);
  /* IE10+ */
  background: linear-gradient(to right, #b8bc33 0%, #80b9d0 100%);
  /* W3C */
}
#main_animation .text.animation .dynamic4 {
  display: none;
}
#main_animation #scroll-skip {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -26px;
}
.fullpage-content .project-terra {
  position: relative;
  width: 100%;
  min-height: 600px;
  padding-top: 0;
  color: #000;
  overflow-x: hidden;
  /*
    #fixed {
        color: white;
    position: fixed;
    }*/
  /*
    .project-content {
      position: relative;
      background-color: #FFF;
      width: 100%;
      //height: 3000px;

      .temp-wrapblock {
        width: 100%;
        height: 476px;
      }

      .text-blocktype {
        width: 1000px;
        margin: 0 auto;
        padding-top: 60px;
        white-space: nowrap;
        .FONT(AgoraBlackLight, normal, 19px, 0, 31px);
      }

      .quote-blocktype {
        width: 1000px;
        margin: 80px auto;
        > a {
          display: inline-block;
          vertical-align: top;
          width: 100px;
          height: 100px;
          margin-right: 55px;
          background-image: url("../img/content/project/baran.4995b5103f5f.png");
          background-size: 100px 100px;
          background-repeat: no-repeat;
          background-position: left center;
        }
        .quote {
          display: inline-block;
          vertical-align: top;
          span {
            .FONT(Agora, normal, 35px, 0, 46px);
            font-style: italic;
          }
          a {
            .FONT(AgoraBlackLight, normal, 15px, 0, 0px);
            color: #000;
          }
        }
      }

      .imagesmall-blocktype {
        width: 1000px;
        margin: 40px auto;
        background-repeat: no-repeat;
        background-position: center;
      }

      .image1 {
        height: 1631px;
        background-image: url("../img/content/project/page1.6d78b52e1ea2.png");
        background-size: 1000px 1631px;
      }

      .imagebig-blocktype {
        width: 1510px;
        margin: -115px auto -735px;
        position: relative;
        left: 50%;
        top:0;
        margin-left: -755px;
        background-repeat: no-repeat;
        background-position: center;
      }

      .image2 {
        height: 3354px;
        background-size: 1510px 3354px;
        background-image: url("../img/content/project/page2.2df222eb94ea.png");
      }

      .image3 {
        height: 867px;
        background-size: 1000px 867px;
        background-image: url("../img/content/project/page3.4e589758677d.png");
      }

      .result {
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 66px;

        > .label {
          .FONT(AgoraBlack, bold, 50px, 100, 182px);
          color: #010101;
        }

        > .achievement {
          width: 282px;
          margin: 0 auto;
          .FONT(AgoraBlackLight, normal, 15px, 0, 46px);

          span {
            .FONT(Agora, bold, 15px, 0, 46px);
          }

          tr {
            height: 66px;
            border: solid rgb(229,229,229);
            border-width: 3px 0;
          }
        }

      }
    }
*/
}
.fullpage-content .project-terra > .gamburger {
  position: fixed;
  z-index: 100;
  top: 20px;
  left: 0px;
  width: 75px;
  height: 75px;
  background-image: url("../img/content/project/menu.b5ab8ab1e1f0.png"), url("../img/sprite.6216f965a8c1.png");
  background-repeat: no-repeat, repeat;
  background-position: center, 0 -20px;
  background-attachment: scroll;
  -webkit-transition: background-position 1s linear 0s;
  -khtml-transition: background-position 1s linear 0s;
  -moz-transition: background-position 1s linear 0s;
  -o-transition: background-position 1s linear 0s;
  transition: background-position 1s linear 0s;
  /*
      .TRANSITION(all, 1s, ease-out, 0s);
//      .TRANSITION(background-position, 1s, ease-out, 0s);
      -webkit-transition-property: margin-left, background-position;
      -moz-transition-property: margin-left, background-position;
      -ms-transition-property: margin-left, background-position;
      -o-transition-property: margin-left, background-position;
      transition-property: margin-left, background-position;
*/
  cursor: pointer;
}
.fullpage-content .project-terra > .gamburger:hover {
  opacity: 0.7;
}
.fullpage-content .project-terra #openmenu:checked ~ .gamburger {
  background-image: url("../img/content/project/menu-open.1ffd58f3c42b.png");
}
.fullpage-content .project-terra > .logo {
  position: fixed;
  z-index: 1000;
  top: 25px;
  right: 40px;
  width: 112px;
  height: 48px;
  background-image: url("../img/logo.1f4f292ff655.png");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.fullpage-content .project-terra > .logo:hover {
  opacity: 0.7;
}
.fullpage-content .project-terra > .logo.fixtoright {
  left: 1098px;
}
.fullpage-content .project-terra .left {
  float: left;
}
.fullpage-content .project-terra .right {
  float: right;
}
.fullpage-content .project-terra > .header {
  display: block !important;
  position: relative;
  height: 794px;
  background-image: url("../img/content/project/scroll_down.08b3df93a202.png"), url("../img/content/project/terra-bg.9bb1b9fa50c0.png");
  background-size: 52px 33px, cover;
  background-repeat: no-repeat;
  background-position: center 738px, 0% top;
}
.fullpage-content .project-terra > .header > .scroll {
  position: absolute;
  width: 52px;
  height: 33px;
  bottom: 100px;
  left: calc(50% - 26px);
  background-image: url("../img/content/project/scroll_down.08b3df93a202.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom, center top;
}
.fullpage-content .project-terra > .header > .label {
  vertical-align: text-top;
  padding-top: 350px;
  margin-left: calc(50% - 500px);
  margin-right: calc(50% - 500px);
  overflow-x: visible;
  color: #FFF;
}
.fullpage-content .project-terra > .header > .label .name {
  display: inline-block;
}
.fullpage-content .project-terra > .header > .label .name .first {
  max-width: 490px;
  font-family: Agora;
  font-weight: bold;
  font-size: 31px;
  letter-spacing: 1px;
  line-height: 44px;
}
.fullpage-content .project-terra > .header > .label .name .company {
  max-width: 490px;
  font-family: Agora;
  font-weight: bold;
  font-size: 63px;
  letter-spacing: 2px;
  line-height: 73px;
}
.fullpage-content .project-terra > .header > .label .name a {
  color: #FFF;
  font-family: Agora;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 56px;
  font-style: italic;
}
.fullpage-content .project-terra > .header > .label .compety {
  display: inline-block;
  float: right;
  max-width: 490px;
  font-family: Agora;
  font-weight: normal;
  font-size: 31px;
  letter-spacing: 1px;
  line-height: 44px;
}
.fullpage-content .project-terra > .header > .label .compety div {
  text-align: right;
}
.fullpage-content .project-terra > .header > .label .compety div span {
  font-family: Agora;
  font-weight: bold;
  font-size: 31px;
  letter-spacing: 1px;
  line-height: 44px;
}
.fullpage-content .project-terra > .fix-header {
  min-height: 49px;
  max-height: 110px;
  overflow-y: hidden;
  width: 1000px;
  position: fixed;
  top: -110px;
  left: 50%;
  margin-left: -500px;
  background: #191919;
  z-index: 200;
  -webkit-transition: top 1s ease-out 0s;
  -khtml-transition: top 1s ease-out 0s;
  -moz-transition: top 1s ease-out 0s;
  -o-transition: top 1s ease-out 0s;
  transition: top 1s ease-out 0s;
  -webkit-transition-property: top, margin-left;
  -khtml-transition-property: top, margin-left;
  -moz-transition-property: top, margin-left;
  -o-transition-property: top, margin-left;
  transition-property: top, margin-left;
}
.fullpage-content .project-terra > .fix-header.visible {
  top: 0px !important;
}
.fullpage-content .project-terra > .fix-header.fixtoleft {
  left: 625px !important;
}
.fullpage-content .project-terra > .fix-header span.short-name {
  display: inline-block;
  max-width: 550px;
  height: 100%;
  padding-left: 33px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Agora;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #FFF;
}
.fullpage-content .project-terra > .fix-header span.short-name b {
  font-weight: bold;
}
.fullpage-content .project-terra > .fix-header span.short-compety {
  float: right;
  height: 100%;
  padding-right: 27px;
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 49px;
  color: #FFF;
}
.fullpage-content .project-terra > .fix-header span.short-compety a {
  cursor: pointer;
}
.fullpage-content .project-terra > .fix-header span.short-compety a:hover {
  opacity: 0.7;
}
.fullpage-content .project-terra .project-content {
  width: 100%;
  position: relative;
  background-color: #FFF;
}
.fullpage-content .project-terra .project-content .widget-video {
  width: 1000px;
  margin: 0 auto;
  padding: 40px;
}
.fullpage-content .project-terra .project-content .temp-wrapblock {
  width: 100%;
  height: 476px;
}
.fullpage-content .project-terra .project-content .text-blocktype {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  font-family: AgoraBlackLight;
  font-weight: normal;
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 31px;
}
.fullpage-content .project-terra .project-content .quote-blocktype {
  width: 1000px;
  margin: 80px auto 0;
}
.fullpage-content .project-terra .project-content .quote-blocktype > a {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin-right: 55px;
  background-image: url("../img/content/project/baran.4995b5103f5f.png");
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: left center;
}
.fullpage-content .project-terra .project-content .quote-blocktype .quote {
  display: inline-block;
  vertical-align: top;
  width: calc( 100% - 160px);
}
.fullpage-content .project-terra .project-content .quote-blocktype .quote span {
  display: block;
  font-family: Agora;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 0px;
  line-height: 46px;
  font-style: italic;
}
.fullpage-content .project-terra .project-content .quote-blocktype .quote a {
  display: block;
  padding-top: 30px;
  height: 30px;
  font-family: AgoraBlackLight;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 15px;
  color: #000;
}
.fullpage-content .project-terra .project-content .imagesmall-blocktype {
  margin: 0 auto;
  padding: 40px 0;
  background-repeat: no-repeat;
  background-position: center;
}
.fullpage-content .project-terra .project-content .imagebig-blocktype {
  margin: -115px auto -735px;
  position: relative;
  left: 50%;
  top: 0;
  margin-left: -755px;
  background-repeat: no-repeat;
  background-position: center;
}
.fullpage-content .project-terra .project-content .centerimg {
  position: relative;
  float: right;
  right: 50%;
}
.fullpage-content .project-terra .project-content .centerimg img {
  position: relative;
  float: left;
  left: 50%;
  margin: 40px auto;
}
.fullpage-content .project-terra .project-content .result {
  clear: both;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 66px;
}
.fullpage-content .project-terra .project-content .result > .label {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 50px;
  letter-spacing: 5px;
  line-height: 182px;
  color: #010101;
}
.fullpage-content .project-terra .project-content .result > .achievement {
  width: 282px;
  margin: 0 auto;
  font-family: AgoraBlackLight;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 46px;
}
.fullpage-content .project-terra .project-content .result > .achievement span {
  font-family: Agora;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 46px;
}
.fullpage-content .project-terra .project-content .result > .achievement tr {
  height: 66px;
  border: solid #e5e5e5;
  border-width: 3px 0;
}
.fullpage-content .project-terra .project-content .problem {
  width: 1000px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 80px;
}
.fullpage-content .project-terra .project-content .problem .task,
.fullpage-content .project-terra .project-content .problem .solution {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  box-sizing: border-box;
}
.fullpage-content .project-terra .project-content .problem .task {
  padding-right: 31px;
  text-align: right;
}
.fullpage-content .project-terra .project-content .problem .solution {
  padding-left: 31px;
}
.fullpage-content .project-terra .project-content .problem > div .title {
  padding-bottom: 26px;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 26px;
  color: #000000;
}
.fullpage-content .project-terra .project-content .problem > div .desc {
  font-family: AgoraLight;
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 31px;
  color: #000000;
}
.fullpage-content .project-terra .similar {
  clear: both;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  margin-left: 25px;
  /*
      .grid-wrap {
        clear: both;
        text-align: left;
        color: #FFF;
        text-transform: none;

        .item {
          position: relative;
          width: 300px;
          height: 400px;
          float: left;
          background-clip: content-box;
          box-sizing: border-box;
        }

        div.description {
          display: none;
          position: absolute;
          left: 0;
          bottom: 0;
          //top: ~"calc(100% - 125px)";
          height: 125px;
          width: ~"calc(100% - 50px)";
          margin: 25px;
          padding-top: 25px;
          background-color: rgb(211, 64, 39);

          span.shortcompetence {
            display: none;
            padding: 0 25px 0 25px;
            .FONT(AgoraLight, lighter, 12px, 25, 29px); //63px
          }

          .project_info {
            display: inline-block;
            padding: 0 25px 25px 25px;

            .projectname {
              .FONT(AgoraBold, normal, 15px, 25, 29px);
            }
            .trademark {
              .FONT(AgoraBold, normal, 20px, 25, 29px);
            }
          }

          .project_compety {
            display: inline-block;
            float: right;
            padding: 0 25px 25px 0px;

            span {
              .FONT(AgoraLight, lighter, 12px, 25, 29px);

              b {
                .FONT(AgoraBold, normal, 12px, 25, 29px); //63px
              }
            }
          }
        }

        .item:hover {
          div.description {
            display: block;
          }
        }

        .item.w250 {
          width: 300px;

          div.description {
            height: auto !important;

            .project_info {
              height: auto !important;
            }
            span.shortcompetence {
              display: block !important;
              height: auto !important;
            }
            .project_compety {
              display: none !important;
            }
          }
        }
        .item.w550 {
          width: 600px;
        }
        .item.w850 {
          width: 900px;
        }

        .item.h150 {
          height: 200px;
        }
        .item.h350 {
          height: 400px;
        }
        .item.h550 {
          height: 600px;
        }
      }*/
}
.fullpage-content .project-terra .similar > .label {
  padding: 100px 0;
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 50px;
  letter-spacing: 5px;
  line-height: 63px;
  color: #FFF;
}
#footer {
  width: 100%;
  height: 350px;
  border-collapse: collapse;
  border-spacing: 0px;
}
#footer > tbody {
  width: 100%;
  height: 350px;
}
#footer td {
  padding: 0px;
}
#footer .footer-left-border,
#footer .footer-right-border {
  width: 50%;
  height: 350px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .footer-right-border .forimg {
  width: 140px;
}
#footer .footer-right-border a {
  display: block;
  padding: 21px 0 21px 0;
  margin: 0 auto;
  text-align: center;
}
#footer .footer-right-border a:not(:hover) {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
#footer .text {
  display: inline-block;
  box-sizing: border-box;
  width: 750px;
  height: 350px;
  padding-top: 34px;
  padding-right: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  /*
    li {
      //margin-bottom: 25px;
    }
    */
}
#footer .text .link {
  color: #FFF;
  text-decoration: none;
}
#footer .text h1 {
  font-family: Agora;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 25px;
  text-transform: uppercase;
}
#footer .text .mainlink {
  font-family: Agora;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 25px;
  margin: 5px 0;
  text-transform: uppercase;
}
#footer .text ul {
  margin-top: 5px;
}
#footer .text li {
  font-family: Agora;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 21px;
}
#footer .text li a {
  color: #828282 !important;
}
#footer .text li:hover a {
  color: #FFF !important;
}
#footer .text .copy-menu,
#footer .text .special,
#footer .text .places {
  display: inline-block;
  vertical-align: top;
}
#footer .text .copy-menu {
  width: 170px;
  height: 170px;
}
#footer .text .copy-menu .working:hover {
  color: #d24027;
}
#footer .text .copy-menu .studio:hover {
  color: #b8bc33;
}
#footer .text .special {
  height: 170px;
}
#footer .text .special ul {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
#footer .text .special ul li a {
  color: #828282 !important;
}
#footer .text .special ul li:hover a {
  color: #FFF !important;
}
#footer .text .special ul.first {
  margin-right: 20px;
}
#footer .text .places {
  float: right;
  width: 150px;
  margin-top: 15px;
  text-transform: uppercase;
  overflow: visible;
  white-space: nowrap;
}
#footer .text .places > a {
  display: block;
}
#footer .text .places > a > h2,
#footer .text .places > a > h3 {
  display: inline-block;
}
#footer .text .places > a {
  margin-bottom: 22px;
  float: right;
}
#footer .text .places > a:last-child {
  margin-bottom: 0px;
}
#footer .text .places .place,
#footer .text .places .achievement {
  display: inline-block;
}
#footer .text .places .place {
  text-align: right;
}
#footer .text .places .achievement {
  text-align: left;
}
#footer .text .places .place1:hover {
  color: #d24027;
}
#footer .text .places .place2:hover {
  color: #ed8021;
}
#footer .text .places .place3:hover {
  color: #b8bc33;
}
#footer .text .places h2 {
  font-family: AgoraBlack;
  font-weight: bold;
  font-size: 45px;
  letter-spacing: 0px;
  line-height: 30px;
}
#footer .text .places h2.small {
  padding-right: 6px;
}
#footer .text .places h3 {
  width: 88px;
  font-family: Agora;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 19px;
}
#footer .text .search {
  height: 50px;
  width: 100%;
  clear: both;
}
#footer .text input {
  width: 700px;
  height: 40px;
  margin-top: 7px;
  padding-right: 24px;
  box-sizing: border-box;
  background: url("../img/content/footer/search.1953b5bf33b4.png") no-repeat right 11px;
  background-size: 16px 16px;
  border: none;
  border-bottom: solid 3px #888;
  font-family: Agora;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 22px;
  font-style: italic;
}
#footer .text input::placeholder {
  color: #FFF;
}
#footer .text .contact {
  margin-top: 24px;
}
#footer .text .contact div {
  display: inline-block;
}
#footer .text .contact .address {
  font-family: Agora;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 15px;
}
#footer .text .contact .phone {
  margin-left: 6%;
  font-family: Agora;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: auto;
}
#footer .text .contact .email {
  float: right;
  margin-top: 8px;
  font-family: Agora;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: auto;
}
#footer .social {
  box-sizing: border-box;
  width: 250px;
  height: 350px;
}
#footer .social .margindiv1,
#footer .social .margindiv2 {
  clear: both;
  width: 250px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .social .margindiv2 {
  margin-top: -4px !important;
}
#footer .social .vimeo-container {
  width: 150px;
  height: 50px;
  /*
      .vimeo:hover {
        background-color: rgb(32,185,235);
      }
      */
}
#footer .social .vimeo-container .vimeo {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("../img/content/footer/vimeo.c208f8515c50.png") no-repeat center center;
}
#footer .social .vimeo-container .margin4 {
  float: right;
  width: 100px;
  height: 50px;
}
#footer .social table td > a {
  display: block;
  float: left;
}
#footer .social table.social1 {
  display: inline-block;
  float: left;
  width: 150px;
  height: 250px;
}
#footer .social table.social1 td {
  float: left;
}
#footer .social table.social1 .marginrow1 {
  width: 150px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .social table.social1 .vimeo {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("../img/content/footer/vimeo.c208f8515c50.png") no-repeat center center;
}
#footer .social table.social1 .vimeo:hover {
  background-color: #20b9eb;
}
#footer .social table.social1 .free-space1 {
  display: block;
  width: 100px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .social table.social1 .facebook {
  width: 150px;
  height: 150px;
  background: url("../img/content/footer/facebook.cbc93c793936.png") no-repeat center center;
}
#footer .social table.social1 .facebook:hover {
  background-color: #44619d;
}
#footer .social table.social2 {
  display: inline-block;
  float: right;
  width: 100px;
  height: 250px;
  margin-left: -4px;
}
#footer .social table.social2 td {
  float: left;
}
#footer .social table.social2 .marginrow2 {
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .social table.social2 .behance {
  width: 100px;
  height: 100px;
  background: url("../img/content/footer/behance.0b211b84e114.png") no-repeat center center;
}
#footer .social table.social2 .behance:hover {
  background-color: #1377ff;
}
#footer .social table.social2 .free-space2 {
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
}
#footer .social table.social2 .twitter {
  display: inline-block;
  clear: both;
  width: 50px;
  height: 50px;
  background: url("../img/content/footer/twitter.87dd1f5ae210.png") no-repeat center center;
}
#footer .social table.social2 .twitter:hover {
  background-color: #55acee;
}