/*#common*/
@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url("sass/font/BrandonGrotesque/288554_0_0.eot");
  src: url("sass/font/BrandonGrotesque/288554_0_0.eot?#iefix") format("embedded-opentype"), url("sass/font/BrandonGrotesque/288554_0_0.woff") format("woff"), url("sass/font/BrandonGrotesque/288554_0_0.ttf") format("truetype"), url("sass/font/BrandonGrotesque/288554_0_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url("sass/font/BrandonGrotesque/288219_1_0.eot");
  src: url("sass/font/BrandonGrotesque/288219_1_0.eot?#iefix") format("embedded-opentype"), url("sass/font/BrandonGrotesque/288219_1_0.woff") format("woff"), url("sass/font/BrandonGrotesque/288219_1_0.ttf") format("truetype"), url("sass/font/BrandonGrotesque/288241_1_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url("sass/font/BrandonGrotesque/288219_0_0.eot");
  src: url("sass/font/BrandonGrotesque/288219_0_0.eot?#iefix") format("embedded-opentype"), url("sass/font/BrandonGrotesque/288219_0_0.woff") format("woff"), url("sass/font/BrandonGrotesque/288219_0_0.ttf") format("truetype"), url("sass/font/BrandonGrotesque/288219_0_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url("sass/font/BrandonGrotesque/288219_2_0.eot");
  src: url("sass/font/BrandonGrotesque/288219_2_0.eot?#iefix") format("embedded-opentype"), url("sass/font/BrandonGrotesque/288219_2_0.woff") format("woff"), url("sass/font/BrandonGrotesque/288219_2_0.ttf") format("truetype"), url("sass/font/BrandonGrotesque/288219_2_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("sass/font/opensans/OpenSans-Regular-webfont.eot");
  src: url("sass/font/opensans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("sass/font/opensans/OpenSans-Regular-webfont.woff") format("woff"), url("sass/font/opensans/OpenSans-Regular-webfont.ttf") format("truetype"), url("sass/font/opensans/OpenSans-Regular-webfont.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal; }
body,
html {
  font-family: "BrandonGrotesque-Light", "OpenSans", sans-serif; }

/*#endregion*/
/*#app slider*/
.app_slider {
  width: 100%;
  float: left;
  position: relative; }
  .app_slider .screen {
    z-index: 2; }
  .app_slider .screen, .app_slider .last-screen {
    background: url(../img/app_slide_bg.jpg) no-repeat 0 0;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 0;
    overflow: hidden; }
    .app_slider .screen .content_wrap, .app_slider .last-screen .content_wrap {
      padding: 70px 0 0 20px;
      position: relative; }
      .app_slider .screen .content_wrap h1, .app_slider .last-screen .content_wrap h1 {
        color: #fff;
        line-height: 120%;
        font-size: 44px;
        margin: 0;
        font-weight: 300;
        font-family: "BrandonGrotesque-Light", "OpenSans", sans-serif;
        opacity: 0;
        position: absolute;
        left: 20px;
        top: 0; }
        .app_slider .screen .content_wrap h1.line1, .app_slider .last-screen .content_wrap h1.line1 {
          top: 70px; }
        .app_slider .screen .content_wrap h1.line2, .app_slider .last-screen .content_wrap h1.line2 {
          top: 120px; }
        .app_slider .screen .content_wrap h1.line3, .app_slider .last-screen .content_wrap h1.line3 {
          top: 170px; }
        .app_slider .screen .content_wrap h1.line4, .app_slider .last-screen .content_wrap h1.line4 {
          top: 220px; }
        .app_slider .screen .content_wrap h1 span, .app_slider .last-screen .content_wrap h1 span {
          font-family: "BrandonGrotesque-Medium", "OpenSans", sans-serif;
          color: #003346; }
      .app_slider .screen .content_wrap h4, .app_slider .last-screen .content_wrap h4 {
        font-size: 19px;
        text-transform: uppercase;
        margin: 270px 0 10px;
        color: #fff; }
      .app_slider .screen .content_wrap ul, .app_slider .last-screen .content_wrap ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left; }
        .app_slider .screen .content_wrap ul li, .app_slider .last-screen .content_wrap ul li {
          margin: 0;
          padding: 0;
          list-style: none; }
          .app_slider .screen .content_wrap ul li a, .app_slider .last-screen .content_wrap ul li a {
            width: 166px;
            height: 52px;
            margin-bottom: 20px;
            display: block; }
          .app_slider .screen .content_wrap ul li.ios a, .app_slider .last-screen .content_wrap ul li.ios a {
            background: url(../img/app_slide_ic_ios.png) no-repeat 0 0; }
          .app_slider .screen .content_wrap ul li.an a, .app_slider .last-screen .content_wrap ul li.an a {
            background: url(../img/app_slide_ic_and.png) no-repeat 0 0; }
      .app_slider .screen .content_wrap .phone_img, .app_slider .last-screen .content_wrap .phone_img {
        background: url(../img/app_slide_phone.png) no-repeat 0 0;
        width: 278px;
        height: 565px;
        position: absolute;
        right: 10px;
        top: 20px; }
        .app_slider .screen .content_wrap .phone_img .screen_img, .app_slider .last-screen .content_wrap .phone_img .screen_img {
          position: absolute;
          width: 235px;
          height: 427px;
          display: block;
          top: 65px;
          background: #fff;
          left: 23px;
          overflow: hidden; }
          .app_slider .screen .content_wrap .phone_img .screen_img img, .app_slider .last-screen .content_wrap .phone_img .screen_img img {
            margin-left: 0%;
            position: absolute;
            top: 0; }
  .app_slider .last-screen {
    background: none #003346;
    opacity: 1; }
    .app_slider .last-screen .wrapper {
      padding: 75px; }
      .app_slider .last-screen .wrapper .plus-img {
        background: url(../img/app_slide_last_plus.jpg) no-repeat 0 0;
        width: 145px;
        height: 152px;
        margin: 0 auto 70px; }
      .app_slider .last-screen .wrapper h1 {
        color: #fff;
        text-align: center;
        font-size: 44px;
        font-family: "BrandonGrotesque-Light", "OpenSans", sans-serif;
        font-weight: 300;
        line-height: 125%;
        margin-bottom: 35px; }
        .app_slider .last-screen .wrapper h1 strong {
          font-family: "BrandonGrotesque-Medium", "OpenSans", sans-serif;
          font-weight: 300; }
      .app_slider .last-screen .wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: none;
        text-align: center; }
        .app_slider .last-screen .wrapper ul li {
          margin: 0 10px;
          padding: 0;
          list-style: none;
          display: inline-block; }
          .app_slider .last-screen .wrapper ul li a {
            width: 166px;
            height: 52px;
            margin-bottom: 20px;
            display: block; }
          .app_slider .last-screen .wrapper ul li.ios a {
            background: url(../img/app_slide_ic_ios.png) no-repeat 0 0; }
          .app_slider .last-screen .wrapper ul li.an a {
            background: url(../img/app_slide_ic_and.png) no-repeat 0 0; }

/* Screen one */
@-webkit-keyframes fadeInLeftOne {
  2% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  4% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftOne {
  2% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  4% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftTwo {
  0%, 2.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  4% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftTwo {
  0%, 2.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  4% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftThree {
  0%, 3% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0); }
  4.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftThree {
  0%, 3% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0); }
  4.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  13% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  16% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInImgOne {
  0%, 14% {
    opacity: 1;
    margin-left: 0%; }
  16%,
    100% {
    margin-left: 100%; } }
@keyframes fadeInImgOne {
  0%, 14% {
    opacity: 1;
    margin-left: 0%; }
  16%,
    100% {
    margin-left: 100%; } }
.fadeInLeftOne {
  -webkit-animation: fadeInLeftOne 22s infinite;
  -moz-animation: fadeInLeftOne 22s infinite;
  animation: fadeInLeftOne 22s infinite; }

.fadeInLeftTwo {
  -webkit-animation: fadeInLeftTwo 22s infinite;
  -moz-animation: fadeInLeftTwo 22s infinite;
  animation: fadeInLeftTwo 22s infinite; }

.fadeInLeftThree {
  -webkit-animation: fadeInLeftThree 22s infinite;
  -moz-animation: fadeInLeftThree 22s infinite;
  animation: fadeInLeftThree 22s infinite; }

.fadeInImgOne {
  -webkit-animation: fadeInImgOne 22s infinite;
  -moz-animation: fadeInImgOne 22s infinite;
  animation: fadeInImgOne 22s infinite;
  z-index: 6; }

/* Screen one ends*/
/* Screen two */
@-webkit-keyframes fadeInLeftFour {
  0%, 16% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  18% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftFour {
  0%, 16% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  18% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftFive {
  0%, 16.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  18% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftFive {
  0%, 16.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  18% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftSix {
  0%, 17% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  18.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftSix {
  0%, 17% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  18.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftSeven {
  0%, 17.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  19% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftSeven {
  0%, 17.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  19% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  27% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  30% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInImgTwo {
  0%, 28% {
    opacity: 1;
    margin-left: 0%; }
  30%,
    100% {
    margin-left: 100%; } }
@keyframes fadeInImgTwo {
  0%, 28% {
    opacity: 1;
    margin-left: 0%; }
  30%,
    100% {
    margin-left: 100%; } }
.fadeInLeftFour {
  -webkit-animation: fadeInLeftFour 22s infinite;
  -moz-animation: fadeInLeftFour 22s infinite;
  animation: fadeInLeftFour 22s infinite; }

.fadeInLeftFive {
  -webkit-animation: fadeInLeftFive 22s infinite;
  -moz-animation: fadeInLeftFive 22s infinite;
  animation: fadeInLeftFive 22s infinite; }

.fadeInLeftSix {
  -webkit-animation: fadeInLeftSix 22s infinite;
  -moz-animation: fadeInLeftSix 22s infinite;
  animation: fadeInLeftSix 22s infinite; }

.fadeInLeftSeven {
  -webkit-animation: fadeInLeftSeven 22s infinite;
  -moz-animation: fadeInLeftSeven 22s infinite;
  animation: fadeInLeftSeven 22s infinite; }

.fadeInImgTwo {
  -webkit-animation: fadeInImgTwo 22s infinite;
  -moz-animation: fadeInImgTwo 22s infinite;
  animation: fadeInImgTwo 22s infinite;
  z-index: 5; }

/* Screen two ends */
/* Screen three */
@-webkit-keyframes fadeInLeftEight {
  0%, 30% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  31.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftEight {
  0%, 30% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  31.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftNine {
  0%, 30.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  32% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftNine {
  0%, 30.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  32% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftTen {
  0%, 31% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  32.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftTen {
  0%, 31% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  32.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  40% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  43% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInImgThree {
  0%, 40% {
    opacity: 1;
    margin-left: 0%; }
  43%,
    100% {
    margin-left: 100%; } }
@keyframes fadeInImgThree {
  0%, 40% {
    opacity: 1;
    margin-left: 0%; }
  43%,
    100% {
    margin-left: 100%; } }
.fadeInLeftEight {
  -webkit-animation: fadeInLeftEight 22s infinite;
  -moz-animation: fadeInLeftEight 22s infinite;
  animation: fadeInLeftEight 22s infinite; }

.fadeInLeftNine {
  -webkit-animation: fadeInLeftNine 22s infinite;
  -moz-animation: fadeInLeftNine 22s infinite;
  animation: fadeInLeftNine 22s infinite; }

.fadeInLeftTen {
  -webkit-animation: fadeInLeftTen 22s infinite;
  -moz-animation: fadeInLeftTen 22s infinite;
  animation: fadeInLeftTen 22s infinite; }

.fadeInImgThree {
  -webkit-animation: fadeInImgThree 22s infinite;
  -moz-animation: fadeInImgThree 22s infinite;
  animation: fadeInImgThree 22s infinite;
  z-index: 4; }

/* Screen three ends */
/* Screen Four */
@-webkit-keyframes fadeInLeftEleven {
  0%, 43% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  44.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  52% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  55% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftEleven {
  0%, 43% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  44.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  52% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  55% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftTwelve {
  0%, 43.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  45% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  52% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  55% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftTwelve {
  0%, 43.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  45% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  52% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  55% {
    opacity: 0;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInImgFour {
  0%, 52% {
    opacity: 1;
    margin-left: 0%; }
  55%,
    100% {
    margin-left: 100%; } }
@keyframes fadeInImgFour {
  0%, 52% {
    opacity: 1;
    margin-left: 0%; }
  55%,
    100% {
    margin-left: 100%; } }
.fadeInLeftEleven {
  -webkit-animation: fadeInLeftEleven 22s infinite;
  -moz-animation: fadeInLeftEleven 22s infinite;
  animation: fadeInLeftEleven 22s infinite; }

.fadeInLeftTwelve {
  -webkit-animation: fadeInLeftTwelve 22s infinite;
  -moz-animation: fadeInLeftTwelve 22s infinite;
  animation: fadeInLeftTwelve 22s infinite; }

.fadeInImgFour {
  -webkit-animation: fadeInImgFour 22s infinite;
  -moz-animation: fadeInImgFour 22s infinite;
  animation: fadeInImgFour 22s infinite;
  z-index: 3; }

/* Screen four ends */
/* Screen five */
@-webkit-keyframes fadeInLeftThirteen {
  0%, 55% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  56.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  64% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  67%,
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftThirteen {
  0%, 55% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }
  56.5% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  64% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  67%,
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeftFourteen {
  0%, 55.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  57% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  64% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  67%,
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftFourteen {
  0%, 55.5% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0); }
  57% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  64% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  67%,
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInImgFive {
  0%, 64% {
    opacity: 1;
    margin-left: 0; }
  67%,
    100% {
    opacity: 1;
    margin-left: 0%; } }
@keyframes fadeInImgFive {
  0%, 64% {
    opacity: 1;
    margin-left: 0; }
  67%,
    100% {
    opacity: 1;
    margin-left: 0%; } }
.fadeInLeftThirteen {
  -webkit-animation: fadeInLeftThirteen 22s infinite;
  -moz-animation: fadeInLeftThirteen 22s infinite;
  animation: fadeInLeftThirteen 22s infinite; }

.fadeInLeftFourteen {
  -webkit-animation: fadeInLeftFourteen 22s infinite;
  -moz-animation: fadeInLeftFourteen 22s infinite;
  animation: fadeInLeftFourteen 22s infinite; }

.fadeInImgFive {
  -webkit-animation: fadeInImgFive 22s infinite;
  -moz-animation: fadeInImgFive 22s infinite;
  animation: fadeInImgFive 22s infinite;
  z-index: 2; }

/* Screen five ends */
/* Screen fadeout */
@-webkit-keyframes screenFadeOut {
  1%, 3%, 72% {
    opacity: 1;
    z-index: 9; }
  0%,
    74%,
    100% {
    opacity: 0;
    z-index: 1; } }
@keyframes screenFadeOut {
  1%, 3%, 72% {
    opacity: 1;
    z-index: 9; }
  0%,
    74%,
    100% {
    opacity: 0;
    z-index: 1; } }
.screenFadeOut {
  -webkit-animation: screenFadeOut 22s infinite;
  -moz-animation: screenFadeOut 22s infinite;
  animation: screenFadeOut 22s infinite; }

/* Screen fade in */
@-webkit-keyframes screenFadeIn {
  0%, 72%, 100% {
    opacity: 0;
    z-index: 1; }
  73% {
    opacity: 0;
    z-index: 1; }
  75%,
    98% {
    opacity: 1;
    z-index: 9; } }
@keyframes screenFadeIn {
  0%, 72%, 100% {
    opacity: 0;
    z-index: 1; }
  73% {
    opacity: 0;
    z-index: 1; }
  75%,
    98% {
    opacity: 1;
    z-index: 9; } }
.screenFadeIn {
  -webkit-animation: screenFadeIn 22s infinite;
  -moz-animation: screenFadeIn 22s infinite;
  animation: screenFadeIn 22s infinite; }

/* button bounce */
@-webkit-keyframes bounce {
  from, 75%, 77%, 77.5%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  76%, 76.5% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  78% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  79% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); } }
@keyframes bounce {
  from, 75%, 77%, 77.5%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  76%, 76.5% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  78% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  79% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); } }
.bounce {
  -webkit-animation: bounce 22s infinite;
  -moz-animation: bounce 22s infinite;
  animation: bounce 22s infinite; }

@media screen and (max-width: 500px) {
  .app_slider .screen, .app_slider .last-screen {
    width: 480px;
    height: 480px;
    margin-left: -240px;
    background-size: cover !important; }
    .app_slider .screen .content_wrap, .app_slider .last-screen .content_wrap {
      padding: 60px 0 0 15px; }
      .app_slider .screen .content_wrap h1, .app_slider .last-screen .content_wrap h1 {
        font-size: 30px;
        left: 20px; }
        .app_slider .screen .content_wrap h1.line1, .app_slider .last-screen .content_wrap h1.line1 {
          top: 40px; }
        .app_slider .screen .content_wrap h1.line2, .app_slider .last-screen .content_wrap h1.line2 {
          top: 75px; }
        .app_slider .screen .content_wrap h1.line3, .app_slider .last-screen .content_wrap h1.line3 {
          top: 110px; }
        .app_slider .screen .content_wrap h1.line4, .app_slider .last-screen .content_wrap h1.line4 {
          top: 145px; }
        .app_slider .screen .content_wrap h1 span, .app_slider .last-screen .content_wrap h1 span {
          font-family: "BrandonGrotesque-Medium", "OpenSans", sans-serif;
          color: #003346; }
      .app_slider .screen .content_wrap h4, .app_slider .last-screen .content_wrap h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 200px 0 20px;
        color: #fff; }
      .app_slider .screen .content_wrap .phone_img, .app_slider .last-screen .content_wrap .phone_img {
        width: 217px;
        height: 441px;
        background-size: cover; }
        .app_slider .screen .content_wrap .phone_img .screen_img, .app_slider .last-screen .content_wrap .phone_img .screen_img {
          position: absolute;
          width: 185px;
          height: 336px;
          top: 50px;
          left: 17px;
          background-size: cover; }
          .app_slider .screen .content_wrap .phone_img .screen_img img, .app_slider .last-screen .content_wrap .phone_img .screen_img img {
            max-width: 100%; }
      .app_slider .screen .content_wrap ul li a, .app_slider .last-screen .content_wrap ul li a {
        width: 150px;
        height: 47px;
        background-size: cover !important; }
  .app_slider .last-screen .wrapper {
    padding: 60px; }
    .app_slider .last-screen .wrapper .plus-img {
      margin-bottom: 40px; }
    .app_slider .last-screen .wrapper h1 {
      font-size: 25px;
      margin-bottom: 40px; }
    .app_slider .last-screen .wrapper ul li a {
      width: 150px;
      height: 47px;
      margin-bottom: 10px;
      background-size: cover !important; } }
@media screen and (max-width: 420px) {
  .app_slider .screen, .app_slider .last-screen {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    background-size: cover !important; }
    .app_slider .screen .content_wrap, .app_slider .last-screen .content_wrap {
      padding: 40px 0 0 15px; }
      .app_slider .screen .content_wrap h1, .app_slider .last-screen .content_wrap h1 {
        font-size: 25px;
        left: 15px; }
        .app_slider .screen .content_wrap h1.line1, .app_slider .last-screen .content_wrap h1.line1 {
          top: 40px; }
        .app_slider .screen .content_wrap h1.line2, .app_slider .last-screen .content_wrap h1.line2 {
          top: 70px; }
        .app_slider .screen .content_wrap h1.line3, .app_slider .last-screen .content_wrap h1.line3 {
          top: 100px; }
        .app_slider .screen .content_wrap h1.line4, .app_slider .last-screen .content_wrap h1.line4 {
          top: 130px; }
        .app_slider .screen .content_wrap h1 span, .app_slider .last-screen .content_wrap h1 span {
          font-family: "BrandonGrotesque-Medium", "OpenSans", sans-serif;
          color: #003346; }
      .app_slider .screen .content_wrap h4, .app_slider .last-screen .content_wrap h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 150px 0 10px;
        color: #fff; }
      .app_slider .screen .content_wrap .phone_img, .app_slider .last-screen .content_wrap .phone_img {
        width: 179px;
        height: 363px;
        background-size: cover; }
        .app_slider .screen .content_wrap .phone_img .screen_img, .app_slider .last-screen .content_wrap .phone_img .screen_img {
          position: absolute;
          width: 154px;
          height: 273px;
          top: 41px;
          left: 13px;
          background-size: cover; }
          .app_slider .screen .content_wrap .phone_img .screen_img img, .app_slider .last-screen .content_wrap .phone_img .screen_img img {
            max-width: 100%; }
      .app_slider .screen .content_wrap ul li a, .app_slider .last-screen .content_wrap ul li a {
        width: 130px;
        height: 41px;
        background-size: cover !important; }
  .app_slider .last-screen .wrapper {
    padding: 25px; }
    .app_slider .last-screen .wrapper .plus-img {
      margin-bottom: 30px;
      width: 125px;
      height: 125px;
      background-size: cover !important; }
    .app_slider .last-screen .wrapper h1 {
      font-size: 25px;
      margin-bottom: 20px; }
    .app_slider .last-screen .wrapper ul li a {
      width: 130px;
      height: 41px;
      margin-bottom: 10px;
      background-size: cover !important; } }
@media screen and (max-width: 405px) {
  .app_slider .screen, .app_slider .last-screen {
    width: 356px;
    height: 356px;
    margin-left: -178px;
    background-size: cover !important; }
    .app_slider .screen .content_wrap, .app_slider .last-screen .content_wrap {
      padding: 40px 0 0 15px; }
      .app_slider .screen .content_wrap h1, .app_slider .last-screen .content_wrap h1 {
        font-size: 22px;
        left: 15px; }
        .app_slider .screen .content_wrap h1.line1, .app_slider .last-screen .content_wrap h1.line1 {
          top: 30px; }
        .app_slider .screen .content_wrap h1.line2, .app_slider .last-screen .content_wrap h1.line2 {
          top: 56px; }
        .app_slider .screen .content_wrap h1.line3, .app_slider .last-screen .content_wrap h1.line3 {
          top: 82px; }
        .app_slider .screen .content_wrap h1.line4, .app_slider .last-screen .content_wrap h1.line4 {
          top: 108px; }
      .app_slider .screen .content_wrap h4, .app_slider .last-screen .content_wrap h4 {
        font-size: 14px;
        margin: 140px 0 10px; }
      .app_slider .screen .content_wrap .phone_img, .app_slider .last-screen .content_wrap .phone_img {
        width: 155px;
        height: 318px; }
        .app_slider .screen .content_wrap .phone_img .screen_img, .app_slider .last-screen .content_wrap .phone_img .screen_img {
          position: absolute;
          width: 132px;
          height: 243px;
          top: 36px;
          left: 13px; }
      .app_slider .screen .content_wrap ul li a, .app_slider .last-screen .content_wrap ul li a {
        width: 120px;
        height: 37px;
        margin-bottom: 10px; }
  .app_slider .last-screen .wrapper {
    padding: 25px 0; }
    .app_slider .last-screen .wrapper .plus-img {
      margin-bottom: 25px;
      width: 105px;
      height: 105px;
      background-size: cover !important; }
    .app_slider .last-screen .wrapper h1 {
      font-size: 22px;
      margin-bottom: 25px; }
    .app_slider .last-screen .wrapper ul li a {
      width: 120px;
      height: 37px; } }
@media screen and (max-width: 359px) {
  .app_slider .screen, .app_slider .last-screen {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    background-size: cover !important; }
    .app_slider .screen .content_wrap, .app_slider .last-screen .content_wrap {
      padding: 30px 0 0 15px; }
      .app_slider .screen .content_wrap h1, .app_slider .last-screen .content_wrap h1 {
        font-size: 21px;
        left: 15px; }
        .app_slider .screen .content_wrap h1.line1, .app_slider .last-screen .content_wrap h1.line1 {
          top: 30px; }
        .app_slider .screen .content_wrap h1.line2, .app_slider .last-screen .content_wrap h1.line2 {
          top: 54px; }
        .app_slider .screen .content_wrap h1.line3, .app_slider .last-screen .content_wrap h1.line3 {
          top: 78px; }
        .app_slider .screen .content_wrap h1.line4, .app_slider .last-screen .content_wrap h1.line4 {
          top: 102px; }
      .app_slider .screen .content_wrap h4, .app_slider .last-screen .content_wrap h4 {
        font-size: 12px;
        margin: 125px 0 10px; }
      .app_slider .screen .content_wrap .phone_img, .app_slider .last-screen .content_wrap .phone_img {
        width: 130px;
        height: 264px; }
        .app_slider .screen .content_wrap .phone_img .screen_img, .app_slider .last-screen .content_wrap .phone_img .screen_img {
          position: absolute;
          width: 111px;
          height: 202px;
          top: 30px;
          left: 10px; }
      .app_slider .screen .content_wrap ul li a, .app_slider .last-screen .content_wrap ul li a {
        width: 120px;
        height: 37px;
        margin-bottom: 10px; }
  .app_slider .last-screen .wrapper {
    padding: 25px 0; }
    .app_slider .last-screen .wrapper .plus-img {
      margin-bottom: 25px;
      width: 105px;
      height: 105px;
      background-size: cover !important; }
    .app_slider .last-screen .wrapper h1 {
      font-size: 22px;
      margin-bottom: 25px; }
    .app_slider .last-screen .wrapper ul li a {
      width: 120px;
      height: 37px; } }
/*#app slider endregion*/

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