/* HelveticaNeueCyr-Thin */
@font-face {
  font-family: "HelveticaNeueCyr-Thin";
  src: url("../fonts/HelveticaNeueCyr-Thin.eot");
  src: url("../fonts/HelveticaNeueCyr-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Thin.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Thin.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr-Thin.svg#HelveticaNeueCyr-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* SegoeUI-Semilight */
@font-face {
  font-family: "SegoeUI-Semilight";
  src: url("../fonts/SegoeUI-Semilight.eot");
  src: url("../fonts/SegoeUI-Semilight.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUI-Semilight.woff") format("woff"), url("../fonts/SegoeUI-Semilight.ttf") format("truetype"), url("../fonts/SegoeUI-Semilight.svg#SegoeUI-Semilight") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}
.wrap-2gether {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 1094px;
  background-color: #190629;
}
.wrap-2gether p {
  margin: 0;
  padding: 0;
  font-family: "SegoeUI-Semilight";
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}
.wrap-2gether p + p {
  padding-top: 20px;
}
.wrap-2gether h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "HelveticaNeueCyr-Thin";
  font-size: 100px;
  color: #372e49;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.container-wrap-bg {
  box-sizing: border-box;
  max-width: 1920px;
  min-width: 1094px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.container-wrap {
  margin: 0 auto;
  height: 100%;
  width: 1094px;
  position: relative;
}
.pos-abs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.row-illustrations + .row-illustrations {
  margin-top: 50px;
}
.grig-item {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 17.5%;
  height: 129px;
  margin-top: 50px;
}
.grig-item-no-marg {
  margin-top: 0;
}
.item-offset {
  margin-left: 10%;
}
.clearfix:before,
.clearfix:after,
.container-wrap:before,
.container-wrap:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container-wrapr:after {
  clear: both;
}
/* apps-link */
.apps-link {
  display: block;
  width: 200px;
  height: 60px;
  position: relative;
}
.apps-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 60px;
  background-image: url(../images/apps/2gether/appstore.png);
  background-repeat: no-repeat;
  background-position: -5px -5px;
  transition: opacity .5s ease;
  opacity: 1;
}
.apps-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 60px;
  background-image: url(../images/apps/2gether/appstore.png);
  background-repeat: no-repeat;
  background-position: -215px -5px;
  transition: opacity .5s ease;
  opacity: 0;
}
.apps-link:hover:before {
  opacity: 0;
}
.apps-link:hover:after {
  opacity: 1;
}
/* End apps-link */
.icon-apps-2 {
  background: url(../images/apps/2gether/icon-apps-2.png) no-repeat;
  background-position: 50% 50%;
}
header .logo-wrap {
  width: 547px;
  height: 1025px;
  float: right;
}
header .logo-wrap .content-logo {
  padding-top: 268px;
  padding-left: 77px;
  padding-right: 30px;
}
header .logo-wrap .content-logo img {
  margin-bottom: 80px;
}
header .logo-wrap .content-logo .header-apps {
  margin-top: 70px;
}
header .header-iphone {
  background: url(../images/apps/2gether/header-iphone.png) no-repeat;
  background-position: 248px 130px;
}
header .header-diamond-1 {
  background: url(../images/apps/2gether/header-diamond-1.png) no-repeat;
  background-position: -138px 173px;
}
header .header-diamond-2 {
  background: url(../images/apps/2gether/header-diamond-2.png) no-repeat;
  background-position: right -233px bottom 22px;
}
/* End header */
.design .design-content {
  position: relative;
  height: 1644px;
}
.design .design-phone {
  background: url(../images/apps/2gether/design-phone.png) no-repeat;
  background-position: 50% 18%;
}
.design .design-diamond {
  background: url(../images/apps/2gether/design-diamond.png) no-repeat;
  background-position: left -25% bottom -2%;
}
.icon-apps .icon-apps-content {
  position: relative;
  height: 1065px;
  padding-top: 130px;
  box-sizing: border-box;
}
.icon-apps .icon-apps-content h2:last-child {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}
.icon-apps .icon-apps-bg {
  background: url(../images/apps/2gether/icon-apps-bg.png) no-repeat;
  background-position: -127% 0%;
}
.icon-apps .icon-apps-1 {
  background: url(../images/apps/2gether/icon-apps-1.png) no-repeat;
  background-position: 11.4% 51%;
}
.icon-apps .icon-apps-2 {
  background-position: 50% 49%;
}
.icon-apps .icon-apps-diamond {
  background: url(../images/apps/2gether/icon-apps-diamond.png) no-repeat;
  background-position: right -42% top 52%;
}
.illustrations .illustrations-content .illustrations-grid .item-1 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -5px;
}
.illustrations .illustrations-content .illustrations-grid .item-2 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1474px;
}
.illustrations .illustrations-content .illustrations-grid .item-3 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1736px;
}
.illustrations .illustrations-content .illustrations-grid .item-4 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1870px;
}
.illustrations .illustrations-content .illustrations-grid .item-5 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -2006px;
}
.illustrations .illustrations-content .illustrations-grid .item-6 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -2142px;
}
.illustrations .illustrations-content .illustrations-grid .item-7 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -2276px;
}
.illustrations .illustrations-content .illustrations-grid .item-8 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -2411px;
}
.illustrations .illustrations-content .illustrations-grid .item-9 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -2539px;
}
.illustrations .illustrations-content .illustrations-grid .item-10 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -141px;
}
.illustrations .illustrations-content .illustrations-grid .item-11 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -280px;
}
.illustrations .illustrations-content .illustrations-grid .item-12 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -412px;
}
.illustrations .illustrations-content .illustrations-grid .item-13 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -548px;
}
.illustrations .illustrations-content .illustrations-grid .item-14 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -681px;
}
.illustrations .illustrations-content .illustrations-grid .item-15 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -814px;
}
.illustrations .illustrations-content .illustrations-grid .item-16 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -947px;
}
.illustrations .illustrations-content .illustrations-grid .item-17 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1080px;
}
.illustrations .illustrations-content .illustrations-grid .item-18 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1209px;
}
.illustrations .illustrations-content .illustrations-grid .item-19 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1341px;
}
.illustrations .illustrations-content .illustrations-grid .item-20 {
  background-image: url(../images/apps/2gether/illustrations.png);
  background-repeat: no-repeat;
  background-position: -5px -1610px;
}
.styling .styling-content {
  position: relative;
  box-sizing: border-box;
  height: 1190px;
  padding-top: 195px;
}
.styling .styling-diamond-1 {
  background: url(../images/apps/2gether/styling-diamond-1.png) no-repeat;
  background-position: -42% 433px;
}
.styling .styling-diamond-2 {
  background: url(../images/apps/2gether/styling-diamond-2.png) no-repeat;
  background-position: 51.5% 721px;
}
.styling .styling-diamond-3 {
  background: url(../images/apps/2gether/styling-diamond-3.png) no-repeat;
  background-position: right -44% top 253px;
}
.styling .styling-iphone-1 {
  background: url(../images/apps/2gether/styling-iphone-1.png) no-repeat;
  background-position: 8.8% 448px;
}
.styling .styling-iphone-2 {
  background: url(../images/apps/2gether/styling-iphone-2.png) no-repeat;
  background-position: 51% 448px;
}
.styling .styling-iphone-3 {
  background: url(../images/apps/2gether/styling-iphone-3.png) no-repeat;
  background-position: 93.5% 448px;
}
.iphons .iphons-bg {
  height: 2400px;
}
.iphons .iphons-bg .iphones-bg {
  background: url(../images/apps/2gether/iphones-bg.png) no-repeat;
  background-position: 75% 1415px;
}
.iphons .iphons-bg .iphone-1 {
  background: url(../images/apps/2gether/iphone-1.png) no-repeat;
  background-position: -17% 200px;
}
.iphons .iphons-bg .iphone-2 {
  background: url(../images/apps/2gether/iphone-2.png) no-repeat;
  background-position: 40% 0px;
}
.iphons .iphons-bg .iphone-3 {
  background: url(../images/apps/2gether/iphone-3.png) no-repeat;
  background-position: -33% 704px;
}
.iphons .iphons-bg .iphone-4 {
  background: url(../images/apps/2gether/iphone-4.png) no-repeat;
  background-position: 69% 423px;
}
.iphons .iphons-bg .iphone-5 {
  background: url(../images/apps/2gether/iphone-5.png) no-repeat;
  background-position: 27% 998px;
}
.iphons .iphons-bg .iphone-6 {
  background: url(../images/apps/2gether/iphone-6.png) no-repeat;
  background-position: 140% 446px;
}
.iphons .iphons-bg .iphone-7 {
  background: url(../images/apps/2gether/iphone-7.png) no-repeat;
  background-position: 110% 972px;
}
.iphons .iphons-bg .iphone-gif {
  bottom: 0;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: 746px;
}
.iphons .iphons-bg .iphone-gif .iphone-gif-img {
  width: 442px;
  height: 619px;
  margin: 127px auto 0;
  background: url(../images/apps/2gether/gif_new.gif) no-repeat 54% 72px, url(../images/apps/2gether/iphone-gif.png) no-repeat 50% 0px;
}
.iphons .iphons-bg .iphone-gif .iphons-diamond {
  background: url(../images/apps/2gether/iphons-diamond.png) no-repeat;
  background-position: 137% -34px;
}
.programming .programming-content {
  box-sizing: border-box;
  height: 1104px;
  padding-top: 155px;
}
.programming .programming-diamond {
  background: url(../images/apps/2gether/programming-diamond.png) no-repeat;
  background-position: -33.5% 0px;
}
.programming .programming-screen {
  top: auto;
  bottom: 0;
  height: 702px;
  background: url(../images/apps/2gether/programming-screen.jpg) no-repeat;
  background-position: center center;
}
.result .result-content {
  height: 876px;
  box-sizing: border-box;
  padding-top: 200px;
  text-align: center;
}
.result .result-content .result-icon {
  width: 172px;
  height: 173px;
  margin: 130px auto 80px;
}
.result .result-content .apps-link {
  margin: 0 auto;
}
.result .result-bg {
  background: url(../images/apps/2gether/iphones-bg.png) no-repeat;
  background-position: center top;
}
@media screen and (max-width: 1300px) {
  header .header-diamond-1 {
    background-position: -200px 173px;
  }
  header .header-iphone {
    background-position: 182px 130px;
  }
  header .header-diamond-2 {
    background-position: right -292px bottom 22px;
  }
  .design .design-diamond {
    background-position: left -44% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: 6.6% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: -754% 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right -64% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: 3.2% 448px;
  }
  .styling .styling-iphone-3 {
    background-position: 99.3% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: -63% 433px;
  }
  .styling .styling-diamond-3 {
    background-position: right -65% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: -36% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: -39% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 30% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: -67% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 70% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 15% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 171% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 121% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 152% -34px;
  }
}
@media screen and (max-width: 1093px) {
  header .header-diamond-1 {
    background-position: -264px 173px;
  }
  header .header-iphone {
    background-position: 117px 130px;
  }
  header .header-diamond-2 {
    background-position: right -358px bottom 22px;
  }
  .design .design-diamond {
    background-position: left -78% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: -0.4% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: right -238% top 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right -101% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: -4.8% 448px;
  }
  .styling .styling-iphone-3 {
    background-position: 108% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: -94% 433px;
  }
  .styling .styling-diamond-3 {
    background-position: right -103% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: 35% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: -74% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 19% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: -137% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 76% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 0% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 261% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 143% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 178% -34px;
  }
}
@media screen and (min-width: 1367px) {
  header .header-diamond-1 {
    background-position: -66px 173px;
  }
  header .header-iphone {
    background-position: 317px 130px;
  }
  header .header-diamond-2 {
    background-position: right -156px bottom 22px;
  }
  .design .design-diamond {
    background-position: left -10.5% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: 15.8% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: -40.5% 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right -24% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: 14.2% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: -25% 433px;
  }
  .styling .styling-iphone-3 {
    background-position: 88% 448px;
  }
  .styling .styling-diamond-3 {
    background-position: right -26% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: 60% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: -7% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 39% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: -17% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 62% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 28% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 113% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 96% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 122.5% -34px;
  }
}
@media screen and (min-width: 1700px) {
  header .header-diamond-1 {
    background-position: 30px 173px;
  }
  header .header-iphone {
    background-position: 412px 130px;
  }
  header .header-diamond-2 {
    background-position: right -61px bottom 22px;
  }
  .design .design-diamond {
    background-position: left 1% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: 20.1% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: -6.2% 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right -9.5% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: 19% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: -11% 433px;
  }
  .styling .styling-iphone-3 {
    background-position: 82.9% 448px;
  }
  .styling .styling-diamond-3 {
    background-position: right -12% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: 55% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: 4% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 41% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: -2% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 59% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 32% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 97% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 87% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 110% -34px;
  }
}
@media screen and (min-width: 1800px) {
  header .header-diamond-1 {
    background-position: 85px 173px;
  }
  header .header-iphone {
    background-position: 467px 130px;
  }
  header .header-diamond-2 {
    background-position: right -5px bottom 22px;
  }
  .design .design-diamond {
    background-position: left 6% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: 22.2% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: 3.8% 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right -3.5% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: 21.2% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: -6% 433px;
  }
  .styling .styling-iphone-3 {
    background-position: 80.5% 448px;
  }
  .styling .styling-diamond-3 {
    background-position: right -6% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: 54.5% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: 10% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 43% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: 6% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 59.5% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 35% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 92.5% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 84% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 104.8% -34px;
  }
}
@media screen and (min-width: 1850px) {
  header .header-diamond-1 {
    background-position: 146px 173px;
  }
  header .header-iphone {
    background-position: 528px 130px;
  }
  header .header-diamond-2 {
    background-position: right 57px bottom 22px;
  }
  .design .design-diamond {
    background-position: left 10.5% bottom -2%;
  }
  .icon-apps .icon-apps-1 {
    background-position: 24.2% 51%;
  }
  .icon-apps .icon-apps-bg {
    background-position: 11.5% 0%;
  }
  .icon-apps .icon-apps-diamond {
    background-position: right 2% top 52%;
  }
  .styling .styling-iphone-1 {
    background-position: 23.5% 448px;
  }
  .styling .styling-diamond-1 {
    background-position: 0% 433px;
  }
  .styling .styling-iphone-3 {
    background-position: 78% 448px;
  }
  .styling .styling-diamond-3 {
    background-position: right 0% top 253px;
  }
  .iphons .iphons-bg .iphones-bg {
    background-position: 53.5% 1415px;
  }
  .iphons .iphons-bg .iphone-1 {
    background-position: 14% 200px;
  }
  .iphons .iphons-bg .iphone-2 {
    background-position: 44% 0px;
  }
  .iphons .iphons-bg .iphone-3 {
    background-position: 10% 704px;
  }
  .iphons .iphons-bg .iphone-4 {
    background-position: 58% 423px;
  }
  .iphons .iphons-bg .iphone-5 {
    background-position: 36% 998px;
  }
  .iphons .iphons-bg .iphone-6 {
    background-position: 86.5% 446px;
  }
  .iphons .iphons-bg .iphone-7 {
    background-position: 80% 972px;
  }
  .iphons .iphons-bg .iphone-gif .iphons-diamond {
    background-position: 99.8% -34px;
  }
}