/* 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;
}
/* Roboto Medium */
@font-face {
  font-family: "Roboto Medium";
  src: url("../fonts/Roboto Medium.eot");
  src: url("../fonts/Roboto Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Medium.woff") format("woff"), url("../fonts/Roboto Medium.ttf") format("truetype"), url("../fonts/Roboto Medium.svg#Roboto Medium") 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;
}
/* 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;
}
.wrap-weather {
  position: relative;
  width: 100%;
  min-width: 1094px;
  background: #fff;
  z-index: 1;
}
.wrap-weather p,
.wrap-weather h2,
.wrap-weather h3,
.wrap-weather h4,
.wrap-weather h5 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.wrap-weather p,
.wrap-weather a {
  font: 16px/18px "SegoeUI-Semilight";
}
.wrap-weather .extreme {
  margin-bottom: 50px;
}
.wrap-weather h2 {
  font: 32px/1 "HelveticaNeueCyr-Thin";
  color: #fff;
}
.wrap-weather h2.title-dark,
.wrap-weather h2.title-white {
  margin-bottom: 63px;
}
.wrap-weather .title-dark {
  color: #455f81;
}
.wrap-weather ul,
.wrap-weather li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: 16px/18px "SegoeUI-Semilight";
  color: #fff;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.container-wrap-bg {
  box-sizing: border-box;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.container-wrap {
  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%;
}
.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;
}
/* apps-link */
.apps-header-link,
.apps-footer-link {
  display: block;
  width: 160px;
  height: 49px;
  position: relative;
}
.apps-header-link:before,
.apps-footer-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 49px;
  background-image: url(../images/apps/weather_reminder/appstore.png);
  background-repeat: no-repeat;
  background-position: -175px -5px;
  transition: opacity .5s ease;
  opacity: 1;
}
.apps-header-link:after,
.apps-footer-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 49px;
  background-image: url(../images/apps/weather_reminder/appstore.png);
  background-repeat: no-repeat;
  background-position: -345px -5px;
  transition: opacity .5s ease;
  opacity: 0;
}
.apps-header-link:hover:before,
.apps-footer-link:hover:before {
  opacity: 0;
}
.apps-header-link:hover:after,
.apps-footer-link:hover:after {
  opacity: 1;
}
.apps-footer-link:before {
  background-position: -345px -5px;
}
.apps-footer-link:after {
  background-position: -5px -5px;
}
/* End apps-link */
/* Set points and lines */
.circl-empty,
.circl {
  position: absolute;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
}
.circl-empty {
  border: 2px solid #ffb82d;
  background: transparent;
}
.circl {
  background: #ffb82d;
}
.border-horiz,
.border-vertic {
  position: absolute;
  background: #ffb82d;
}
.border-horiz {
  height: 2px;
  width: 0;
}
.border-vertic {
  width: 2px;
  height: 0;
}
.fadeIn-p {
  opacity: 0;
}
/* End set points and lines */
header {
  position: relative;
  background-color: #455f81;
}
header .header-sky-bg {
  background: url(../images/apps/weather_reminder/header-sky-bg.jpg) no-repeat center top;
  z-index: 1;
}
header .header-phone-bg {
  margin: 0 auto;
  width: 1094px;
  background: url(../images/apps/weather_reminder/header-phone-bg.png) no-repeat 0 155px;
  z-index: 2;
}
header .header-cloud-bg {
  background: url(../images/apps/weather_reminder/header-cloud-bg.png) no-repeat center bottom 44px;
  z-index: 3;
}
header .header-container {
  box-sizing: border-box;
  height: 1236px;
  padding-top: 206px;
}
header .header-container .logo-container {
  width: 547px;
}
header .header-container .logo-container img {
  margin-bottom: 70px;
}
header .header-container .logo-container .logo-text {
  margin-bottom: 48px;
}
header .header-container .logo-container .logo-text h2 {
  margin-bottom: 27px;
}
.sun-cloud {
  position: relative;
}
.sun-cloud .all-bg {
  position: relative;
  height: 512px;
}
.sun-cloud .logo-colors-font-2-bg {
  height: 512px;
  background-color: #455f81;
  top: auto;
  bottom: auto;
  z-index: 1;
  width: 50%;
}
.sun-cloud .logo-colors-font-3-bg {
  height: 402px;
  background-color: #ffb82d;
  top: auto;
  bottom: auto;
}
.sun-cloud .logo-colors-font-4-bg {
  height: 110px;
  background-color: #e7e7e7;
  top: auto;
  bottom: 0;
}
.sun-cloud .logo-colors-font-1-bg {
  height: 674px;
  background-color: #fff;
}
.sun-cloud .sun-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 1094px;
  z-index: 10;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sun-cloud .sun-content .sun-and-cloud-phone {
  width: 337px;
  height: 659px;
  left: auto;
  top: 127px;
  bottom: auto;
  z-index: 2;
  background: url(../images/apps/weather_reminder/sun-and-cloud-phone.png) no-repeat right 0% top 0%;
}
.sun-cloud .sun-content .logo-colors-font-2-bg {
  -webkit-flex: 0 0 85.375%;
      -ms-flex: 0 0 85.375%;
          flex: 0 0 85.375%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sun-cloud .sun-content .logo-colors-font-2-bg > p {
  padding-bottom: 5px;
}
.sun-cloud .sun-content .logo-colors-font-2-bg > div {
  margin-right: 46px;
}
.sun-cloud .sun-content .all-bg-content {
  -webkit-flex: 0 0 calc(14.625%);
      -ms-flex: 0 0 calc(14.625%);
          flex: 0 0 calc(14.625%);
}
.sun-cloud .sun-content .all-bg-content .logo-colors-font-3-bg,
.sun-cloud .sun-content .all-bg-content .logo-colors-font-4-bg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sun-cloud .sun-content .all-bg-content .logo-colors-font-3-bg > div,
.sun-cloud .sun-content .all-bg-content .logo-colors-font-4-bg > div {
  margin-left: 30px;
}
.sun-cloud .sun-content .sun-cloud {
  width: 100%;
  height: 674px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sun-cloud .sun-content .sun-cloud .sun-cloud-bg {
  width: 50%;
  background: url(../images/apps/weather_reminder/sun-and-cloud.png) no-repeat 50% 50%;
  z-index: -1;
}
.roboto-font {
  background: #fff;
}
.roboto-font .robato-font-content {
  padding-top: 94px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.roboto-font .robato-font-content .font-1,
.roboto-font .robato-font-content .font-2,
.roboto-font .robato-font-content .font-3,
.roboto-font .robato-font-content .font-4 {
  color: #455f81;
  font-family: "Roboto Medium";
  line-height: 1;
  margin-top: 20px;
  visibility: hidden;
}
.roboto-font .robato-font-content .font-1 {
  margin-top: 20px;
}
.roboto-font .robato-font-content .font-1 {
  font-size: 80px;
}
.roboto-font .robato-font-content .font-2,
.roboto-font .robato-font-content .font-3 {
  font-size: 30px;
}
.roboto-font .robato-font-content .font-2 {
  text-transform: uppercase;
}
.roboto-font .robato-font-content .font-3 {
  text-transform: lowercase;
}
.roboto-font .robato-font-content .font-4 {
  font-size: 63px;
  margin-bottom: 60px;
}
.functional {
  overflow: hidden;
  background-color: #455f81;
}
.functional .functional-content {
  padding-bottom: 110px;
}
.functional .functional-content h2 {
  margin-top: 82px;
}
.functional .functional-content .column-ul {
  margin-top: 60px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 202px;
     -moz-column-gap: 202px;
          column-gap: 202px;
  -webkit-column-rule: none;
     -moz-column-rule: none;
          column-rule: none;
}
.functional .functional-content .column-ul .gap-column {
  -webkit-column-break-after: column;
     page-break-after: column;
          break-after: column;
}
.functional .functional-content .column-ul li {
  position: relative;
  text-indent: 15px;
  margin-bottom: 20px;
}
.functional .functional-content .column-ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffb82d;
}
.new-check {
  background-color: #455f81;
}
.new-check .new-check-content {
  position: relative;
  height: 1130px;
  background: url(../images/apps/weather_reminder/functional-screen.png) no-repeat center 150px;
  opacity: 0;
}
.new-check .new-check-content .geo {
  position: absolute;
  left: 0px;
  top: 316px;
}
.new-check .new-check-content .geo .circl-empty {
  top: 100px;
  right: -167px;
}
.new-check .new-check-content .geo .circl {
  top: 7px;
  right: -20px;
}
.new-check .new-check-content .geo .border-horiz {
  top: 103px;
  right: -160px;
}
.new-check .new-check-content .geo .border-vertic {
  top: 103px;
  right: -17px;
  width: 2px;
}
.new-check .new-check-content .templates {
  position: absolute;
  left: 245px;
  top: 131px;
}
.new-check .new-check-content .templates .circl-empty {
  top: 161px;
  right: 75px;
}
.new-check .new-check-content .templates .circl {
  top: 7px;
  right: 75px;
}
.new-check .new-check-content .templates .border-vertic {
  top: 163px;
  right: 78px;
}
.new-check .new-check-content .reset {
  position: absolute;
  left: 504px;
  top: 12px;
}
.new-check .new-check-content .reset .circl-empty {
  top: 162px;
  right: 120px;
}
.new-check .new-check-content .reset .circl {
  top: 7px;
  right: 120px;
}
.new-check .new-check-content .reset .border-vertic {
  top: 163px;
  right: 123px;
}
.new-check .new-check-content .inspection {
  position: absolute;
  right: 439px;
  top: 121px;
}
.new-check .new-check-content .inspection .circl-empty {
  top: 94px;
  right: 113px;
}
.new-check .new-check-content .inspection .circl {
  top: 7px;
  right: 113px;
}
.new-check .new-check-content .inspection .border-vertic {
  top: 95px;
  right: 116px;
}
.new-check .new-check-content .setting_date {
  position: absolute;
  right: 224px;
  top: 221px;
}
.new-check .new-check-content .setting_date .circl-empty {
  top: 94px;
  right: 266px;
}
.new-check .new-check-content .setting_date .circl {
  top: 7px;
  right: 266px;
}
.new-check .new-check-content .setting_date .border-vertic {
  top: 95px;
  right: 269px;
}
.new-check .new-check-content .selecting_weather {
  position: absolute;
  right: 232px;
  top: 296px;
}
.new-check .new-check-content .selecting_weather .circl-empty {
  top: 94px;
  right: 194px;
}
.new-check .new-check-content .selecting_weather .circl {
  top: 7px;
  right: 194px;
}
.new-check .new-check-content .selecting_weather .border-vertic {
  top: 95px;
  right: 197px;
}
.new-check .new-check-content .settings_weather {
  position: absolute;
  right: 134px;
  top: 377px;
}
.new-check .new-check-content .settings_weather .circl-empty {
  top: 94px;
  right: 222px;
}
.new-check .new-check-content .settings_weather .circl {
  top: 7px;
  right: 222px;
}
.new-check .new-check-content .settings_weather .border-vertic {
  top: 95px;
  right: 225px;
}
.new-check .new-check-content .test_description {
  position: absolute;
  right: 51px;
  top: 473px;
}
.new-check .new-check-content .test_description .circl-empty {
  top: 102px;
  right: 227px;
}
.new-check .new-check-content .test_description .circl {
  top: 15px;
  right: 227px;
}
.new-check .new-check-content .test_description .border-vertic {
  top: 103px;
  right: 230px;
}
.new-check .new-check-content .new_check {
  position: absolute;
  left: 184px;
  top: 700px;
}
.panel-weather {
  position: relative;
  background: #455f81;
}
.panel-weather .border_panel {
  height: 2px;
  width: 0;
  display: block;
  margin: 0 auto;
  background: #ffb82d;
}
.panel-weather .panel-weather-content {
  height: 272px;
  position: relative;
}
.panel-weather .panel-weather-content .panel_weather_bg {
  top: -87px;
  margin: 0 auto;
  width: 762px;
  height: 201px;
  background: url(../images/apps/weather_reminder/panel-weather.png) no-repeat left top;
  opacity: 0;
}
.panel-weather .panel-weather-content .panel_weather_bg .number_one {
  position: absolute;
  left: 261px;
  top: 34px;
  font-family: "SF UI Display Regular";
  color: #fff;
  font-size: 22px;
  line-height: 1;
  width: 34px;
  height: 33px;
  background: #fe4663;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.panel-weather .panel-weather-content .panel_weather_bg .number_one-animate {
  -webkit-animation: scale_animate .5s linear forwards;
          animation: scale_animate .5s linear forwards;
}
@-webkit-keyframes scale_animate {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale_animate {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.panel-weather .panel-weather-content .panel_weather_bg .alert_inspection {
  position: absolute;
  left: 260px;
  top: 221px;
}
.panel-weather .panel-weather-content .panel_weather_bg .alert_inspection .circl-empty {
  top: -81px;
  right: 285px;
}
.panel-weather .panel-weather-content .panel_weather_bg .alert_inspection .circl {
  top: 6px;
  right: 285px;
}
.panel-weather .panel-weather-content .panel_weather_bg .alert_inspection .border-vertic {
  top: -74px;
  right: 288px;
}
.screens-bg {
  background: #455f81;
}
.screens-bg .container-wrap-bg {
  overflow: hidden;
}
.screens-bg .screens_bg_content {
  height: 800px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.screens-bg .screens_bg_content .screen_1 {
  width: 855px;
  height: 712px;
  background: url(../images/apps/weather_reminder/screen-1.png) no-repeat left top;
  bottom: auto;
  right: auto;
  left: 122px;
  top: 0;
  z-index: 4;
}
.screens-bg .screens_bg_content .screen_2 {
  width: 871px;
  height: 728px;
  background: url(../images/apps/weather_reminder/screen-2.png) no-repeat left top;
  bottom: auto;
  right: auto;
  left: 112px;
  top: 5px;
  z-index: 3;
}
.screens-bg .screens_bg_content .screen_3 {
  width: 831px;
  height: 687px;
  background: url(../images/apps/weather_reminder/screen-3.png) no-repeat left top;
  bottom: auto;
  right: auto;
  left: 133px;
  top: 55px;
  z-index: 2;
}
.screens-bg .screens_bg_content .screen_4 {
  width: 799px;
  height: 654px;
  background: url(../images/apps/weather_reminder/screen-4.png) no-repeat left top;
  bottom: auto;
  right: auto;
  left: 149px;
  top: 92px;
  z-index: 1;
}
.screens-bg .screens_bg_content p {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-bottom: 460px;
}
.backgrounds-weather {
  position: relative;
}
.backgrounds-weather .backgrounds-weather-blue {
  height: 360px;
  background: #455f81;
}
.backgrounds-weather .container-wrap-bg {
  overflow: hidden;
}
.backgrounds-weather .backgrounds-weather-content {
  box-sizing: border-box;
  padding-top: 440px;
  position: relative;
  height: 1656px;
}
.backgrounds-weather .backgrounds-weather-content p {
  width: 547px;
  z-index: 10;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-wrap {
  left: auto;
  bottom: auto;
  right: -127px;
  top: 104px;
  width: 507px;
  height: 885px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg {
  height: 868px;
  background: url(../images/apps/weather_reminder/slider-phone-bg.png) no-repeat center top;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone {
  position: relative;
  top: 99px;
  left: 73px;
  width: 344px;
  height: 612px;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item {
  width: 344px;
  height: 612px;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-1 {
  background: url(../images/apps/weather_reminder/slider_img/Clear.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-2 {
  background: url(../images/apps/weather_reminder/slider_img/Fog.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-3 {
  background: url(../images/apps/weather_reminder/slider_img/haze.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-4 {
  background: url(../images/apps/weather_reminder/slider_img/MostlyCloudy.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-5 {
  background: url(../images/apps/weather_reminder/slider_img/Overcast.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-6 {
  background: url(../images/apps/weather_reminder/slider_img/PartlyCloudy.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-7 {
  background: url(../images/apps/weather_reminder/slider_img/rain.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-8 {
  background: url(../images/apps/weather_reminder/slider_img/sleet.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-9 {
  background: url(../images/apps/weather_reminder/slider_img/Snow.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-10 {
  background: url(../images/apps/weather_reminder/slider_img/Thunderstorm.png) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-11 {
  background: url(../images/apps/weather_reminder/slider_img/hail-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-12 {
  background: url(../images/apps/weather_reminder/slider_img/storm-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-13 {
  background: url(../images/apps/weather_reminder/slider_img/rain-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-14 {
  background: url(../images/apps/weather_reminder/slider_img/haze-3.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-15 {
  background: url(../images/apps/weather_reminder/slider_img/clear-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-16 {
  background: url(../images/apps/weather_reminder/slider_img/partly_cloudy.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-17 {
  background: url(../images/apps/weather_reminder/slider_img/predominantly.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-18 {
  background: url(../images/apps/weather_reminder/slider_img/snow-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-19 {
  background: url(../images/apps/weather_reminder/slider_img/sunny-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .backgrounds-weather-content .slider-phone-bg .slider-phone .owl-carousel .item-20 {
  background: url(../images/apps/weather_reminder/slider_img/fog-1.jpg) no-repeat center center;
  background-size: cover;
}
.backgrounds-weather .gif-phone-wrap {
  left: -127px;
  bottom: auto;
  right: auto;
  top: 730px;
  width: 507px;
  height: 885px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.backgrounds-weather .gif-phone-wrap .gif-phone-bg {
  height: 868px;
  background: url(../images/apps/weather_reminder/slider-phone-bg.png) no-repeat center top;
}
.backgrounds-weather .gif-phone-wrap .gif-phone-bg .gif-phone {
  position: relative;
  top: 99px;
  left: 73px;
  width: 344px;
  height: 612px;
  background: url(../images/apps/weather_reminder/animation_background.gif) no-repeat center center;
}
.backgrounds-weather .icons-weater-wrap {
  left: auto;
  bottom: auto;
  right: -64px;
  top: 1140px;
  width: 494px;
  height: 280px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url(../images/apps/weather_reminder/icons-weater.png) no-repeat center top;
}
.video-pnone-1-wrap {
  position: relative;
}
.video-pnone-1-wrap .video-pnone-bg-fff {
  height: 100px;
  background: #fff;
}
.video-pnone-1-wrap .video-pnone-bg-yellow {
  height: 702px;
  background: #ffb82d;
  top: 100px;
}
.video-pnone-1-wrap .video-pnone-bg-blue {
  height: calc(166px);
  background: #455f81;
  top: 702px;
}
.video-pnone-1-wrap .container-wrap-bg {
  overflow: hidden;
}
.video-pnone-1-wrap .video-pnone-1-content {
  position: relative;
  height: 868px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-pnone-1-wrap .video-pnone-1-bg {
  top: 0;
  left: auto;
  bottom: auto;
  right: -127px;
  width: 507px;
  height: 868px;
  background: url(../images/apps/weather_reminder/slider-phone-bg.png) no-repeat center top;
}
.video-pnone-1-wrap .video-pnone-1-bg .video-phone-1 {
  position: relative;
  top: 99px;
  left: 73px;
  width: 344px;
  height: 612px;
}
.imac-header-wrap {
  background: #455f81;
}
.imac-header-wrap .imac-header-container {
  padding: 117px 0 53px;
}
.imac-wrap {
  background: #455f81;
}
.imac-wrap .imac-bg-wrap {
  background: url(../images/apps/weather_reminder/imac-bg.png) no-repeat center top;
  height: 1047px;
}
.imac-wrap .imac-bg-wrap .container-wrap-bg {
  overflow: hidden;
  height: 100%;
}
.imac-wrap .imac-bg-wrap .imac-container {
  top: 49px;
  bottom: auto;
  margin: 0 auto;
  width: 1224px;
  height: 689px;
}
.footer-weather-wrap {
  background: #455f81;
}
.footer-weather-wrap .footer-weather-container {
  box-sizing: border-box;
  padding-bottom: 71px;
  height: 980px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-weather-wrap .footer-weather-container .logo-footer-weather-1 {
  width: 153px;
  height: 153px;
  background: url(../images/apps/weather_reminder/logo-weater.png) no-repeat left center;
}
.footer-weather-wrap .footer-weather-container .logo-footer-weather-2 {
  padding: 56px 0 120px;
  width: 371px;
  height: 90px;
  background: url(../images/apps/weather_reminder/logo-footer-weather-2.png) no-repeat right center;
}
.footer-weather-wrap .footer-weather-container p {
  margin-top: 100px;
}
.footer-weather-wrap .footer-weather-container p > a {
  text-decoration: none;
  color: #fff;
  transition: color .5s;
}
.footer-weather-wrap .footer-weather-container p > a:hover {
  color: #ffb82d;
}