/* 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;
}
/* HelveticaNeueCyr - Medium */
@font-face {
  font-family: "HelveticaNeueCyr Medium";
  src: url("../fonts/HelveticaNeueCyr - Medium.eot");
  src: url("../fonts/HelveticaNeueCyr - Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr - Medium.woff") format("woff"), url("../fonts/HelveticaNeueCyr - Medium.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr - Medium.svg#HelveticaNeueCyr - Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* SegoeUISemilight */
@font-face {
  font-family: "SegoeUISemilight";
  src: url("../fonts/SegoeUISemilight.eot");
  src: url("../fonts/SegoeUISemilight.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeUISemilight.woff") format("woff"), url("../fonts/SegoeUISemilight.ttf") format("truetype"), url("../fonts/SegoeUISemilight.svg#SegoeUISemilight") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* HelveticaNeueCyr Black */
@font-face {
  font-family: "HelveticaNeueCyr Black";
  src: url("../fonts/HelveticaNeueCyr Black.eot");
  src: url("../fonts/HelveticaNeueCyr Black.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr Black.woff") format("woff"), url("../fonts/HelveticaNeueCyr Black.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr Black.svg#HelveticaNeueCyr Black") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* SFUIDisplay Semibold */
@font-face {
  font-family: "SFUIDisplay Semibold";
  src: url("../fonts/SFUIDisplay Semibold.eot");
  src: url("../fonts/SFUIDisplay Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay Semibold.woff") format("woff"), url("../fonts/SFUIDisplay Semibold.ttf") format("truetype"), url("../fonts/SFUIDisplay Semibold.svg#SFUIDisplay Semibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* SF UI Display Regular */
@font-face {
  font-family: "SF UI Display Regular";
  src: url("../fonts/SF UI Display Regular.eot");
  src: url("../fonts/SF UI Display Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SF UI Display Regular.woff") format("woff"), url("../fonts/SF UI Display Regular.ttf") format("truetype"), url("../fonts/SF UI Display Regular.svg#SF UI Display Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}
.sweep-wrap {
  position: relative;
  width: 100%;
  min-width: 1094px;
  background: #fff;
  overflow: hidden;
}
.container-wrap-bg {
  box-sizing: border-box;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.container-wrap {
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 auto;
  width: 1094px;
  position: relative;
  z-index: 10;
}
.pos-abs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.text-center {
  text-align: center;
}
.clearfix:before,
.clearfix:after,
.container-wrap:before,
.container-wrap:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container-wrapr:after {
  clear: both;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
/* titles */
.title_white_header {
  font: 32px/1 "HelveticaNeueCyr-Thin";
  color: #fff;
  margin: 45px 0 30px 0;
}
.title_blue,
.title_white {
  font: 26px/1 "HelveticaNeueCyr Black";
  color: #3da0da;
  margin: 0;
}
.title_white {
  color: #fff;
}
.title_shadow_white {
  font: 90px/1 "HelveticaNeueCyr Black";
  color: #f5f5f5;
  margin: 0;
}
.title_shadow_blue {
  font: 90px/1 "HelveticaNeueCyr Black";
  color: #3098d5;
  margin: 0;
}
.sweep-wrap p,
.sweep-wrap ul,
.sweep-wrap li,
.sweep-wrap a {
  font: 16px/22px "SegoeUISemilight";
  color: #fff;
  margin: 0;
  padding: 0;
}
.circle-colors p {
  padding: 0;
  margin: 0;
  font: 24px/1 "HelveticaNeueCyr Medium";
  color: #3c88b5;
  text-transform: uppercase;
  bottom: 10px;
}
.shodow_h2 {
  position: relative;
}
.shodow_h2 h2 {
  position: absolute;
}
.shodow_h2 h2:first-child {
  z-index: 2;
  top: 35px;
}
.shodow_h2 h2:last-child {
  z-index: 1;
  left: -50px;
}
.h4-title {
  position: absolute;
  margin: 0;
  padding: 0;
  display: inline-block;
  font: 14px/1 'HelveticaNeueCyr Medium';
  transform: rotate(-90deg);
}
.h4-white {
  color: #e6e6e6;
}
.h4-black {
  color: #2073a5;
}
.h4-logo {
  top: 277px;
  left: -40px;
}
.h4-design {
  top: 770px;
  left: -40px;
}
.h4-hand {
  z-index: 25;
  top: -100px;
  right: -400px;
}
.sweep-wrap ul {
  list-style-type: none;
}
.sweep-wrap ul li {
  position: relative;
}
.sweep-wrap ul li:before {
  content: ' — ';
}
.sweep-wrap h3 {
  font: 14px/1 "HelveticaNeueCyr Medium";
  margin: 0;
  padding: 0;
}
/* apps-link */

.appstore_header {
  display: block;
  width: 142px;
  height: 54px;
  position: relative;
}
.appstore_header:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 54px;
  background-image: url(../images/apps/sweep/appstore-header.png);
  background-repeat: no-repeat;
  background-position: -5px -5px;
  transition: opacity .5s ease;
  opacity: 1;
}
.appstore_header:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 54px;
  background-image: url(../images/apps/sweep/appstore-header.png);
  background-repeat: no-repeat;
  background-position: -157px -5px;
  transition: opacity .5s ease;
  opacity: 0;
}
.appstore_header:hover:before {
  opacity: 0;
}
.appstore_header:hover:after {
  opacity: 1;
}
.appstore_footer {
  display: block;
  width: 219px;
  height: 78px;
  position: relative;
}
.appstore_footer:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 219px;
  height: 78px;
  background-image: url(../images/apps/sweep/appstore-footer.png);
  background-repeat: no-repeat;
  background-position: -5px -5px;
  transition: opacity .5s ease;
  opacity: 1;
}
.appstore_footer:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 219px;
  height: 78px;
  background-image: url(../images/apps/sweep/appstore-footer.png);
  background-repeat: no-repeat;
  background-position: -234px -5px;
  transition: opacity .5s ease;
  opacity: 0;
}
.appstore_footer:hover:before {
  opacity: 0;
}
.appstore_footer:hover:after {
  opacity: 1;
}
a.appstore_header {
  margin-top: 40px;
}
/* End apps-link */
.bg_header {
  background: url(../images/apps/sweep/bg_header.png) no-repeat top center;
}
.bg_header .header-flexbox {
  display: flex;
  align-items: stretch;
}
.bg_header .header-flexbox a:first-child {
  margin-top: 70px;
  display: inline-block;
}
.bg_header .header-flexbox .header-content {
  flex: 1 1 30%;
}
.bg_header .header-flexbox .header-iphone {
  height: 935px;
  background: url(../images/apps/sweep/iphone_header.png) no-repeat 133px 44px;
  flex: 1 1 70%;
}
.company_style .container-wrap {
  height: 1550px;
}
.company_style {
  padding-bottom: 50px;
}
.company_style .logo_and_iphone {
  padding-top: 310px;
}
.company_style .logo_and_iphone .iphone_logo_wrap {
  position: relative;
}
.company_style .logo_and_iphone .iphone_logo_wrap .logo_sweet {
  z-index: 4;
  position: absolute;
  width: 275px;
  height: 190px;
  background: url(../images/apps/sweep/logo_sweep.png) no-repeat 0px 0px;
}
.company_style .logo_and_iphone .iphone_logo_wrap .card_1_logo {
  z-index: 1;
  position: absolute;
  top: 454px;
  left: 69px;
  width: 282px;
  height: 246px;
  background: url(../images/apps/sweep/card_1_logo.png) no-repeat 0px 0px;
}
.company_style .logo_and_iphone .iphone_logo_wrap .card_2_logo {
  z-index: 3;
  position: absolute;
  top: 454px;
  left: 758px;
  width: 400px;
  height: 398px;
  background: url(../images/apps/sweep/card_2_logo.png) no-repeat 0px 0px;
}
.company_style .logo_and_iphone .iphone_logo_wrap .iphone_logo {
  z-index: 2;
  position: absolute;
  width: 1083px;
  height: 1323px;
  background: url(../images/apps/sweep/iphone_logo.png) no-repeat 0px 0px;
}
.circle-colors {
  padding-bottom: 300px;
}
.circle-colors .circle-wrap {
  display: flex;
  align-items: flex-end;
  position: relative;
  height: 181px;
}
.circle-colors .circle-wrap p {
  padding-bottom: 5px;
}
.circle-colors .circle_white {
  margin-left: 615px;
}
.circle-colors .circle_blue {
  margin-left: 309px;
}
.circle-colors .font_san_francisco {
  padding-top: 260px;
  display: inline-block;
  text-align-last: auto;
}
.circle-colors .font_san_francisco h2,
.circle-colors .font_san_francisco span {
  margin: 0;
  padding: 0;
  font: 84px/1 "SFUIDisplay Semibold";
  color: #3c88b5;
}
.circle-colors .font_san_francisco span {
  padding-top: 25px;
  display: block;
  font-size: 24px;
}
.circle-colors .font_san_francisco .font-1 {
  text-transform: lowercase;
}
.circle-colors .font_san_francisco .font-2 {
  text-transform: uppercase;
}
.design .container-wrap-bg {
  padding-bottom: 150px;
  background: #3da0da url(../images/apps/sweep/volna_1.png) no-repeat top center;
}
.design .screens-wrap {
  padding-top: 450px;
  display: flex;
}
.design .shodow_h2 {
  top: 300px;
}
.hand_iphone {
  position: relative;
}

.switch{
  width: 75px;
  height: 100%;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  margin: 0 auto;
  z-index: 10;

  cursor: pointer;
}
  .switch.left{
    left: -700px;
  }
  .switch.right{
    right: -700px;
  }

  .switch .icon{
    width: 15px;
    height: 24px;

    position: absolute;
    top: 400px;
    left: 0;
    right: 0;

    display: block;
    margin: 0 auto;

    transition: 0.2s;
  }
  .switch.right .icon{
    transform: rotate(180deg);
  }
  .switch.left:hover .icon{
    left: -25px;
  }
  .switch.right:hover .icon{
    right: -25px;
  }

.hand_iphone .container-wrap-bg {
  background: #3da0da;
}
.hand_iphone .container-wrap-bg .hazd-zindex {
  position: relative;
  z-index: 2;
}
.hand_iphone .hand_iphone-inner {
  height: 1386px;
  position: relative;
  z-index: 1;
  background: url(../images/apps/sweep/hand_iphone.png) no-repeat left 10% bottom -50px;
}
.hand_iphone .volna-2 {
  z-index: 3;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 144px;
  background: url(../images/apps/sweep/volna_2.png) no-repeat center bottom;
}
.iphones {
  position: relative;
  height: 2512px;
}
.iphones .container-wrap-bg {
  z-index: 9;
  height: inherit;
  background: url(../images/apps/sweep/iphones.png) no-repeat center top 80px;
}
.iphones .container-wrap-bg .container-wrap {
  height: inherit;
}
.iphones .container-wrap-bg .container-wrap .shodow_h2 {
  top: 240px;
}
.iphones .volna-3 {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1920px;
  height: 231px;
  background: #3c88b5 url(../images/apps/sweep/volna_3.png) no-repeat center bottom;
}
.footer-sweet .container-wrap-bg {
  background: #3c88b5;
}
.footer-sweet .footer-inner {
  padding: 100px 0 200px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-sweet .footer-inner a:first-child {
  display: inline-block;
}
.footer-sweet .footer-inner .title-quote {
  position: relative;
  padding: 0;
  margin: 150px 0;
  font: 34px/1 'SF UI Display Regular';
  color: #fff;
}
.footer-sweet .footer-inner .title-quote:before {
  content: '';
  position: absolute;
  left: -20px;
  bottom: -47px;
  width: 100%;
  height: 35px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: skew(-45deg, 0);
}
/* parallax */
.parallax-box {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.parallax-box .container-wrap-bg,
.parallax-box .container-wrap {
  height: 100%;
}
.parallax-bg-style {
  position: fixed;
  height: 100%;
  min-width: 1920px;
  z-index: -1;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.parallax-bg-style-full-window {
  width: 100%;
}
.card_1 {
  position: absolute;
  top: 680px;
  right: 0;
}
.card_2 {
  position: absolute;
  top: 530px;
  left: 0;
}
.card_3 {
  position: absolute;
  top: 1900px;
  left: 0;
}
.card_4 {
  position: absolute;
  top: 3300px;
  right: 0;
}
.pen-1 {
  position: absolute;
  top: 4820px;
  right: 0;
}
.pen-2 {
  position: absolute;
  top: 2420px;
  left: -450px;
  left: 0;
}
/* slider */
.slider-iphone {
  z-index: 10;
  position: absolute;
  left: 26px;
  right: 0;
  margin: 0 auto;
  top: 180px;
  width: 360px;
  height: 475px;
  background: transparent;
}
.demo__content {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  height: inherit;
  width: inherit;
  padding-top: 4.5rem;
  user-select: none;
}
.demo__card-cont {
  position: relative;
  margin: 0 auto;
  width: 323px;
  height: 340px;
  background: url(../images/apps/sweep/bg_card.png) no-repeat center bottom;
}
.demo__card {
  z-index: 2;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 100%;
  transition: 0.5s;
}
.demo__card.reset {
  transition: transform 0.3s;
  transform: translateX(0) !important;
}
.demo__card.inactive {
  transition: transform 0.3s;
}
.demo__card.to-left {
  transform: translateX(-30rem) rotate(-30deg) !important;
}
.demo__card.to-right {
  transform: translate(30rem) rotate(30deg) !important;
}
.demo__card.below {
  z-index: 1;
}
.demo__card__top {
  height: inherit;
}
.demo__card__top.purple {
  background: url(../images/apps/sweep/sweep_1.png) no-repeat center top;
}
.demo__card__top.blue {
  background: url(../images/apps/sweep/sweep_2.png) no-repeat center top;
}
.demo__card__top.indigo {
  background: url(../images/apps/sweep/sweep_3.png) no-repeat center top;
}
.demo__card__top.cyan {
  background: url(../images/apps/sweep/sweep_4.png) no-repeat center top;
}
.demo__card__top.lime {
  background: url(../images/apps/sweep/sweep_5.png) no-repeat center top;
}
.demo__card__drag {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* End slider */