/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
* COLOR DEFINITIONS
*/
/**
* ACTUAL COLORS
*/
/**
* FONT STACK/SIZES
*/
/**
* PADDINGS
*/
/**
* BORDER RADIUS
*/
/**
* Image locations
*/
html {
  box-sizing: border-box;
  background: white;
  font-family: "Roboto", sans-serif;
  color: #31343B;
  font-size: 14px;
  font-weight: 400; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0 auto; }

a {
  text-decoration: none;
  outline: none;
  display: block;
  color: #31343B;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase; }

/**
* Mixins goes here
*/
.header {
  background: #E5E6EA;
  border-bottom: 1px solid rgba(205, 208, 213, 0.5);
  font-size: 14px;
  height: 35px;
  line-height: 35px; }

.header--inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1250px; }

.header__quote {
  color: #7F8289;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  overflow: hidden;
  padding-left: 14px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (max-width: 992px) {
    .header__quote {
      visibility: hidden; } }

.header__tel {
  color: #7F8289;
  width: 238px; }
  @media (max-width: 451px) {
    .header__tel {
      visibility: hidden;
      width: 0; } }

.header__login {
  border-left: 1px solid #CDD0D5;
  border-right: 1px solid #CDD0D5;
  text-align: center;
  width: 100px;
  height: 35px; }
  @media (max-width: 451px) {
    .header__login {
      width: 92px; } }
  .header__login a {
    color: #80C036;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    outline: none; }
    .header__login a:hover {
      color: #6DAA28; }
    .header__login a:before {
      content: url("../images/icons/lock.svg");
      position: relative;
      left: -5px;
      bottom: -1px; }

.dropdown {
  background: #E5E6EA;
  border: 0 solid #CDD0D5;
  border-width: 0 0 1px 1px;
  cursor: pointer;
  display: none;
  left: 0;
  position: absolute;
  top: 35px;
  width: inherit; }

.dropdown__item {
  border: 0 solid #CDD0D5;
  border-width: 1px 1px 0 0;
  border-collapse: collapse; }
  .dropdown__item:hover {
    background: white;
    cursor: pointer; }

.dropdown__selected {
  cursor: pointer;
  display: block;
  width: 49px; }
  .dropdown__selected.LV {
    background: url("../images/icons/lv.gif") no-repeat left; }
  .dropdown__selected.EN {
    background: url("../images/icons/gb.gif") no-repeat left; }
  .dropdown__selected a {
    text-align: right; }
  .dropdown__selected:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-top: 3px solid transparent;
    border-top: 3px solid #31343B; }

.header__language {
  border-left: 1px solid #CDD0D5;
  color: #31343B;
  font-weight: 500;
  position: relative;
  text-align: center;
  width: 100px;
  height: 35px; }
  @media (max-width: 451px) {
    .header__language {
      width: 92px; } }
  .header__language:hover .dropdown {
    display: block; }

.main-menu {
  height: 94px;
  position: fixed;
  top: 0;
  background: white;
  z-index: 100;
  width: 100%;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
  @media (max-width: 451px) {
    .main-menu {
      height: 56px; } }
  @media (max-width: 250px) {
    .main-menu {
      position: absolute; } }

.menu--inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1250px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }
  .menu--inner .menu__logo {
    background: url("../images/icons//istabai.png") no-repeat left;
    background-size: 197px 50px;
    display: block;
    height: 100%;
    margin-left: 14px;
    width: 250px;
    transition: all 0.2s ease; }
    @media (max-width: 451px) {
      .menu--inner .menu__logo {
        background-size: 99px 25px; } }
  .menu--inner .menu__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .menu--inner .menu__block .menu__item {
      color: #31343B;
      display: block;
      font-weight: 500;
      font-size: 18px;
      padding: 0 18px;
      outline: none;
      text-align: center;
      text-decoration: none;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
      -webkit-font-smoothing: antialiased; }
      .menu--inner .menu__block .menu__item svg {
        height: 21px;
        vertical-align: middle; }
      @media (max-width: 1050px) {
        .menu--inner .menu__block .menu__item:not(.menu__item--cart):not(.menu__stacked) {
          display: none; } }
    .menu--inner .menu__block .menu__item--active {
      color: #80C036; }
    .menu--inner .menu__block .menu__item--cart {
      position: relative;
      width: 65px; }
      .menu--inner .menu__block .menu__item--cart .menu__cart__badge {
        font-size: 12px;
        line-height: 20px;
        right: 18px;
        position: absolute;
        top: -10px; }
    .menu--inner .menu__block .menu__item--has-items {
      color: #80C036; }
      .menu--inner .menu__block .menu__item--has-items .cls-2 {
        fill: #80C036; }
    .menu--inner .menu__block .menu__stacked {
      height: 21px;
      display: none;
      color: #31343B;
      padding: 0 40px; }
      @media (max-width: 1050px) {
        .menu--inner .menu__block .menu__stacked {
          display: block;
          background: url("../images/icons/hamburger.svg") no-repeat center; } }
      @media (max-width: 451px) {
        .menu--inner .menu__block .menu__stacked {
          padding: 0 20px;
          background-size: contain; } }
  .menu--inner .menu__block--right {
    width: 250px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 1050px) {
      .menu--inner .menu__block--right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .menu--inner .menu__block--right .menu__item--language {
      height: 100%;
      padding: 0; }
      .menu--inner .menu__block--right .menu__item--language:hover .dropdown {
        display: block;
        top: -7px;
        background-color: #F2F3F5; }
        .menu--inner .menu__block--right .menu__item--language:hover .dropdown .dropdown__item {
          height: 30px;
          line-height: 30px; }

.menu__item--login {
  text-align: center;
  width: 100px;
  white-space: nowrap; }
  @media (max-width: 451px) {
    .menu__item--login {
      width: 92px; } }
  .menu__item--login a {
    color: #80C036;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    outline: none; }
    .menu__item--login a:hover {
      color: #6DAA28; }
    .menu__item--login a:before {
      content: " ";
      background-image: url("../images/icons/lock.svg");
      background-size: cover;
      position: relative;
      display: inline-block;
      right: 5px;
      width: 11px;
      height: 15px;
      /*      content: url('../images/icons/lock.svg');
            position: relative;
            left: -5px;
            bottom: -1px;*/ }

.side-menu {
  padding: 22px; }
  .side-menu .side-menu__item {
    padding: 8px 0; }
  .side-menu .side-menu__item--login {
    width: 100%;
    text-align: left;
    padding-left: 7px;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .side-menu .side-menu__item--languages .fa-caret-down {
    margin-right: 5px;
    margin-left: 3px; }
  .side-menu .side-menu__item--languages .side-menu__item--options {
    padding: 8px 23px; }
  .side-menu .side-menu__item--languages .dropdown__selected {
    margin-top: 8px;
    width: 45px;
    padding-left: 23px; }
    .side-menu .side-menu__item--languages .dropdown__selected a {
      text-align: left; }
  .side-menu .side-menu__item--active {
    color: #80C036; }

.navbar--space {
  height: 94px; }
  @media (max-width: 451px) {
    .navbar--space {
      height: 56px; } }

nav.navbar {
  transition: all 0.2s ease;
  background-color: white;
  margin-bottom: 0; }

.navbar-fixed-top {
  padding: 0;
  height: 56px; }
  .navbar-fixed-top .menu__logo {
    background-size: 99px 25px; }
  .navbar-fixed-top .menu__item {
    font-size: 14px; }
    .navbar-fixed-top .menu__item .dropdown__selected {
      width: 39px; }
    .navbar-fixed-top .menu__item a {
      font-size: 14px;
      line-height: 15px; }
      .navbar-fixed-top .menu__item a:before {
        right: 2px;
        width: 8px;
        height: 11px; }
  .navbar-fixed-top .menu__stacked {
    background-size: contain; }
  @media (max-width: 451px) {
    .navbar-fixed-top .menu__item {
      line-height: 20px; } }
  .navbar-fixed-top .menu__item--language:hover .dropdown {
    top: -1px; }

.footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #E5E6EA;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 22px 5px 22px; }
  @media (max-width: 451px) {
    .footer {
      padding-left: 14px;
      padding-right: 14px;
      padding-top: 40px; } }

.footer__inner {
  max-width: 1250px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 1050px) {
    .footer__inner {
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around; } }
  @media (max-width: 769px) {
    .footer__inner {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 500px; } }
  @media (max-width: 769px) {
    .footer__inner .showLarge {
      display: none; } }

.footer__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 8px; }
  @media (max-width: 769px) {
    .footer__item {
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 100%;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .footer__item .footer__title {
    vertical-align: middle;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px; }
  .footer__item .footer__heading {
    margin-top: 5%;
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold; }
  .footer__item .footer__subheading {
    font-weight: lighter;
    font-size: 14px;
    height: 40px;
    vertical-align: text-top; }
  .footer__item .footer__body {
    height: 20%;
    font-size: 18px;
    line-height: 28px; }

.footer__media--ceo {
  background: url("../images/static/contact-us-lindermanis.jpg") no-repeat center;
  width: 200px;
  height: 254px;
  border-radius: 3px; }
  @media (max-width: 769px) {
    .footer__media--ceo {
      -webkit-flex-basis: 42%;
      -ms-flex-preferred-size: 42%;
      flex-basis: 42%;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; } }

.footer__content {
  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;
  margin-left: 20px;
  margin-right: 20px;
  height: 254px; }
  @media (max-width: 769px) {
    .footer__content {
      -webkit-flex-basis: 58%;
      -ms-flex-preferred-size: 58%;
      flex-basis: 58%;
      min-width: 149px;
      margin-left: 0;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; } }

.footer__social {
  height: 25%;
  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; }
  .footer__social .footer__social__item {
    width: 48px;
    height: 40px;
    cursor: pointer; }
    .footer__social .footer__social__item:hover {
      opacity: .75; }
  .footer__social .footer__social__item--draugiem {
    background: url("../images/icons/128-draugiem.png") no-repeat left;
    background-size: 40px 40px; }
  .footer__social .footer__social__item--facebook {
    background: url("../images/icons/128-facebook.png") no-repeat left;
    background-size: 40px 40px; }
  .footer__social .footer__social__item--twitter {
    background: url("../images/icons/128-twitter.png") no-repeat left;
    background-size: 40px 40px; }
  .footer__social .footer__social__item--linkedin {
    background: url("../images/icons/128-linkedin.png") no-repeat left;
    background-size: 40px 40px; }

.footer__item--address {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media (max-width: 600px) {
    .footer__item--address {
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media (max-width: 769px) {
    .footer__item--address .footer__contact {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      margin: 20px 0; }
      .footer__item--address .footer__contact .footer__address {
        -webkit-flex-basis: 58%;
        -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
        min-width: 149px;
        margin-right: 20px; }
        .footer__item--address .footer__contact .footer__address .footer__heading {
          margin: 0; } }
  .footer__item--address .footer__contact .showSmall {
    display: none; }
    @media (max-width: 769px) {
      .footer__item--address .footer__contact .showSmall {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        -webkit-flex-basis: 42%;
        -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
        width: auto;
        max-width: none; }
        .footer__item--address .footer__contact .showSmall .letter {
          margin: 14px 0 0 0; }
        .footer__item--address .footer__contact .showSmall .text {
          padding: 9px;
          width: 100%; } }
    @media (max-width: 769px) and (max-width: 451px) {
      .footer__item--address .footer__contact .showSmall .text {
        font-size: 14px;
        line-height: 24px;
        width: 100%; } }
  @media (max-width: 769px) {
    .footer__item--address .footer__newsletter__heading {
      text-align: center;
      width: 100%; } }
  @media (max-width: 1050px) {
    .footer__item--address .footer__subheading--primary {
      width: 190px; } }
  @media (max-width: 769px) {
    .footer__item--address .footer__subheading--primary {
      text-align: center;
      width: 100%; } }

.footer__subheading--primary {
  color: #80C036; }

.footer__newsletter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 5%; }
  @media (max-width: 769px) {
    .footer__newsletter {
      width: 100%;
      max-width: 300px;
      margin-top: 10px;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; } }
  .footer__newsletter .textbox {
    outline: none;
    background-color: #E5E6EA;
    border: 2px solid #80C036;
    border-radius: 3px;
    color: #80C036;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center; }
    .footer__newsletter .textbox::-webkit-input-placeholder {
      color: #80C036; }
    .footer__newsletter .textbox:-moz-placeholder {
      color: #80C036; }
    .footer__newsletter .textbox::-moz-placeholder {
      color: #80C036; }
    .footer__newsletter .textbox:-ms-input-placeholder {
      color: #80C036; }
  .footer__newsletter .subscribe, .footer__newsletter .subscribe__success {
    outline: none;
    padding: 5px;
    background-color: #80C036;
    border: 1px solid #80C036;
    border-radius: 3px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px; }
  .footer__newsletter .subscribe {
    cursor: pointer; }
  .footer__newsletter .subscribe:hover {
    background: #6DAA28; }
  .footer__newsletter .subscribe:active {
    background: #80C036; }
  .footer__newsletter .subscribe__success {
    line-height: 52px; }
  .footer__newsletter .subscribe__error {
    padding-bottom: 14px;
    color: #FB5859;
    text-align: center; }

@media (max-width: 769px) {
  .footer__item--write-to-us {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px; } }

.footer__write-to-us {
  border-radius: 3px;
  background: #80C036;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  min-height: 106px;
  cursor: pointer; }
  @media (max-width: 600px) {
    .footer__write-to-us {
      min-height: 0;
      height: 200px; } }
  .footer__write-to-us:hover {
    background: #6DAA28; }
  .footer__write-to-us:active {
    background: #80C036; }
  .footer__write-to-us .letter {
    background: url("../images/icons/mail.svg") no-repeat center;
    background-size: 100%;
    display: block;
    width: 48px;
    height: 37px;
    margin-bottom: 20px; }
  .footer__write-to-us .text {
    font-size: 18px;
    line-height: 28px;
    text-align: center; }

.footer__inner--copyrightlogo {
  max-width: 1250px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 1050px) {
    .footer__inner--copyrightlogo {
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around; } }
  @media (max-width: 600px) {
    .footer__inner--copyrightlogo {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .footer__inner--copyrightlogo .footer__logo--copyright {
    width: 389px;
    color: #7F8289;
    font-size: 18px;
    padding: 22px 0;
    margin-left: 8px; }
    @media (max-width: 769px) {
      .footer__inner--copyrightlogo .footer__logo--copyright {
        width: auto; } }
    @media (max-width: 600px) {
      .footer__inner--copyrightlogo .footer__logo--copyright {
        font-size: 16px;
        width: initial;
        text-align: center; } }
    @media (max-width: 451px) {
      .footer__inner--copyrightlogo .footer__logo--copyright {
        width: 100%;
        margin-left: 0; } }
  .footer__inner--copyrightlogo .footer__logo {
    background: url("../images/icons/istabai-mini.png") no-repeat center;
    background-size: 138px 35px;
    width: 239px;
    height: 35px;
    padding-top: 60px; }
    @media (max-width: 600px) {
      .footer__inner--copyrightlogo .footer__logo {
        width: 182px; } }
  .footer__inner--copyrightlogo .footer__logo--draugiem {
    background: url("../images/icons/draugiem-grupa.png") no-repeat center;
    background-size: 190px 36px;
    width: 215px;
    height: 36px;
    padding-top: 60px; }
    @media (max-width: 600px) {
      .footer__inner--copyrightlogo .footer__logo--draugiem {
        width: 190px; } }

.text--white {
  color: white; }

.text__title {
  line-height: 48px;
  font-size: 40px;
  font-weight: bold;
  text-align: center; }

.text__subtitle {
  line-height: 28px;
  font-size: 18px;
  margin-bottom: 28px;
  text-align: center; }

.text__content {
  line-height: 28px;
  font-size: 18px; }

.text__email {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px; }
  .text__email input {
    background: transparent;
    border: 2px solid white;
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 16px;
    height: 48px;
    max-width: 420px;
    text-align: center;
    width: 100%; }
    .text__email input:focus {
      outline: 0; }
    .text__email input::-webkit-input-placeholder {
      color: #FFFFFF; }
    .text__email input:-moz-placeholder {
      color: #FFFFFF; }
    .text__email input::-moz-placeholder {
      color: #FFFFFF; }
    .text__email input:-ms-input-placeholder {
      color: #FFFFFF; }

.button {
  cursor: pointer;
  outline: none; }

.button--block {
  height: 50px;
  width: 200px;
  display: block;
  margin: 0 auto;
  background: #80C036;
  line-height: 50px;
  text-align: center;
  color: white;
  border-radius: 3px; }
  .button--block:hover {
    background: #6DAA28; }
  .button--block:active {
    background: #80C036; }

.button--small {
  width: 160px;
  height: 36px;
  line-height: 36px;
  font-size: 14px; }

.button--google-play, .button--app-store {
  display: inline-block;
  width: 138px;
  height: 46px; }

.button--google-play {
  background: url("../images/icons/google_play.svg") no-repeat center; }

.button--app-store {
  background: url("../images/icons/app_store.svg") no-repeat center; }

.button--inset {
  height: 40px;
  width: 160px;
  display: block;
  line-height: 34px;
  text-align: center;
  background: transparent;
  border-radius: 3px;
  color: #80C036;
  border: 3px solid #80C036; }
  .button--inset.white {
    color: white;
    border-color: white; }
  .button--inset.white:hover {
    color: #80C036;
    border-color: white;
    background: white; }
  .button--inset:hover {
    color: white;
    background: #80C036; }

.button--subscribe {
  background: white;
  border-radius: 3px;
  color: #80C036;
  font-size: 24px;
  font-weight: 500;
  height: 75px;
  line-height: 75px;
  max-width: 420px;
  text-align: center;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .button--subscribe:hover {
    box-shadow: 1px 2px 12px 1px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    color: #6DAA28; }
  .button--subscribe:active {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.action__play {
  height: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 1200px) {
    .action__play {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .action__play a {
    color: #31343B;
    font-weight: 500;
    display: block;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.6);
    line-height: 50px;
    text-align: center;
    position: relative;
    width: 186px;
    border-radius: 50px;
    padding-left: 44px;
    font-size: 14px;
    box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.3);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .action__play a:hover {
      -webkit-transform: translateY(-1px);
      transform: translateY(-1px);
      box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.3); }
    .action__play a:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background: white;
      border-radius: 50px; }
    .action__play a:after {
      content: url("../images/icons/play.svg");
      width: 9px;
      height: 11px;
      position: absolute;
      top: 0;
      left: 22px;
      color: #FFD002; }

.article--heading {
  background: #F2F3F5 url("../images/static/header.jpg") no-repeat top;
  background-size: 1920px 520px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 520px;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 1200px) {
    .article--heading {
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-size: 1536px 416px;
      height: 416px;
      background-position: top left 58%; } }
  @media (max-width: 992px) {
    .article--heading {
      height: 560px;
      background: #F2F3F5 url("../images/static/@tablet_bg.jpg") no-repeat;
      background-size: 100% auto;
      background-position: top 25% left; } }
  @media (max-width: 769px) {
    .article--heading {
      background-position: 0 0;
      height: 520px; } }
  @media (max-width: 451px) {
    .article--heading {
      background: #F2F3F5 url("../images/static/@mobile_bg.jpg") no-repeat;
      background-position: 0 -160px;
      background-size: 100% auto;
      height: 500px; } }
  @media (max-width: 370px) {
    .article--heading {
      background-position: 0 -60px;
      height: 450px; } }
  .article--heading .animation {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%; }
  .article--heading .text__title, .article--heading .text__subtitle {
    text-align: left; }
    @media (max-width: 1200px) {
      .article--heading .text__title, .article--heading .text__subtitle {
        text-align: center; } }
  .article--heading .text__title {
    font-weight: 600;
    font-size: 34px;
    line-height: 1.5; }
  .article--heading .text__subtitle {
    max-width: 65%; }
    @media (max-width: 1200px) {
      .article--heading .text__subtitle {
        max-width: 100%; } }
  .article--heading .content--off-center {
    position: absolute;
    bottom: 43%;
    max-width: 420px;
    right: 50%;
    margin-right: -533px; }
    @media (max-width: 1200px) {
      .article--heading .content--off-center {
        position: relative;
        padding: 14px;
        max-width: 100%;
        bottom: 0;
        margin-right: 0;
        right: inherit; } }
    @media (max-width: 330px) {
      .article--heading .content--off-center {
        padding: 14px 9px; } }

.article--alternate {
  background: #F2F3F5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px 14px; }
  @media (max-width: 451px) {
    .article--alternate {
      padding-top: 14px;
      padding-bottom: 40px; } }
  .article--alternate .content--center {
    max-width: 760px; }
    @media (max-width: 1200px) {
      .article--alternate .content--center {
        margin-top: 60px; } }
    @media (max-width: 992px) {
      .article--alternate .content--center {
        margin-top: 0; } }
    .article--alternate .content--center .text__title {
      margin-bottom: 28px;
      font-weight: bold; }
    .article--alternate .content--center .text__subtitle {
      margin-bottom: 0; }
      @media (max-width: 451px) {
        .article--alternate .content--center .text__subtitle {
          font-size: 16px;
          line-height: 24px;
          text-align: justify; } }

.article--economy {
  background: #80C036;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto; }
  .article--economy .economy--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 1250px;
    padding: 80px;
    background: url("../images/static/sensors-blue-fona.png") no-repeat;
    background-size: 400px 363px;
    background-position: 87% 94px; }
    @media (max-width: 1050px) {
      .article--economy .economy--wrap {
        background-position-x: 95%; } }
    @media (max-width: 992px) {
      .article--economy .economy--wrap {
        background-position: 103% 70%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media (max-width: 769px) {
      .article--economy .economy--wrap {
        background-position: 50% 22%;
        padding: 80px 0; } }
    @media (max-width: 451px) {
      .article--economy .economy--wrap {
        background-size: 320px 290.4px;
        background-position-y: 18%;
        padding: 40px 0; } }
    .article--economy .economy--wrap .text__title {
      margin-bottom: 28px; }
    .article--economy .economy--wrap .text__content {
      margin-bottom: 40px; }
    .article--economy .economy--wrap .action--more {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    .article--economy .economy--wrap .article--economy--split {
      -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      text-align: right; }
      .article--economy .economy--wrap .article--economy--split .text__title {
        text-align: right; }
      @media (max-width: 769px) {
        .article--economy .economy--wrap .article--economy--split {
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          text-align: left;
          padding: 14px 14px 40px;
          min-height: 340px;
          margin-top: -74px;
          min-width: 100%; }
          .article--economy .economy--wrap .article--economy--split .text__title {
            text-align: left; }
          .article--economy .economy--wrap .article--economy--split .action--more {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start; } }
      @media (max-width: 451px) {
        .article--economy .economy--wrap .article--economy--split .text__title {
          text-align: center; } }
    .article--economy .economy--wrap .article--economy--image {
      -webkit-flex: 2 0 50%;
      -ms-flex: 2 0 50%;
      flex: 2 0 50%;
      max-width: 50%;
      padding: 14px;
      height: 112px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 769px) {
        .article--economy .economy--wrap .article--economy--image {
          -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1;
          max-width: 100%;
          height: 400px; } }
      @media (max-width: 451px) {
        .article--economy .economy--wrap .article--economy--image {
          height: 360px; } }
      .article--economy .economy--wrap .article--economy--image .economy--badge {
        background: url("../images/static/badge.png") no-repeat center;
        background-size: 108px 112px;
        height: 112px;
        width: 108px;
        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;
        text-align: center;
        position: relative;
        top: -56px;
        left: -90px; }
        @media (max-width: 992px) {
          .article--economy .economy--wrap .article--economy--image .economy--badge {
            left: 54%;
            top: -154px; } }
        @media (max-width: 769px) {
          .article--economy .economy--wrap .article--economy--image .economy--badge {
            left: -136px; } }
        @media (max-width: 451px) {
          .article--economy .economy--wrap .article--economy--image .economy--badge {
            left: -95px;
            top: -138px; } }
        .article--economy .economy--wrap .article--economy--image .economy--badge .co {
          font-weight: bold;
          font-size: 38px; }
          .article--economy .economy--wrap .article--economy--image .economy--badge .co sub {
            font-size: 16px; }
        .article--economy .economy--wrap .article--economy--image .economy--badge .sub {
          margin-top: 4px;
          font-size: 10px; }

.article--apps {
  background: #F2F3F5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .article--apps .apps--wrap {
    width: 100%;
    max-width: 1250px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 80px 22px; }
    @media (max-width: 769px) {
      .article--apps .apps--wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 14px; } }
    .article--apps .apps--wrap .apps--text {
      width: 560px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 80px;
      text-align: left; }
      @media (max-width: 992px) {
        .article--apps .apps--wrap .apps--text {
          width: 50%; } }
      @media (max-width: 769px) {
        .article--apps .apps--wrap .apps--text {
          padding-top: 30px;
          width: 100%; } }
      @media (max-width: 600px) {
        .article--apps .apps--wrap .apps--text {
          padding-top: 0; } }
      .article--apps .apps--wrap .apps--text .text__title {
        text-align: left;
        margin-bottom: 14px; }
        @media (max-width: 451px) {
          .article--apps .apps--wrap .apps--text .text__title {
            text-align: center; } }
      @media (max-width: 451px) {
        .article--apps .apps--wrap .apps--text .text__content {
          font-size: 16px;
          line-height: 24px; } }
      .article--apps .apps--wrap .apps--text .action--platform {
        margin-top: 22px; }
        @media (max-width: 451px) {
          .article--apps .apps--wrap .apps--text .action--platform {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around; } }

.slider {
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .slider .slider__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    .slider .slider__wrap .toLeft .slide, .slider .slider__wrap .toRight .slide {
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    .slider .slider__wrap .toLeft .ng-hide-add, .slider .slider__wrap .toLeft .ng-hide-remove, .slider .slider__wrap .toRight .ng-hide-add, .slider .slider__wrap .toRight .ng-hide-remove {
      transition: all linear 0.3s; }
    .slider .slider__wrap .toLeft .ng-hide-add {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .slider .slider__wrap .toLeft .ng-hide-add.ng-hide-add-active {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    .slider .slider__wrap .toLeft .ng-hide-remove {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    .slider .slider__wrap .toLeft .ng-hide-remove.ng-hide-remove-active {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .slider .slider__wrap .toRight .ng-hide-add {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .slider .slider__wrap .toRight .ng-hide-add.ng-hide-add-active {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    .slider .slider__wrap .toRight .ng-hide-remove {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    .slider .slider__wrap .toRight .ng-hide-remove.ng-hide-remove-active {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .slider .slider__wrap .container {
      width: 100%;
      height: 570px;
      overflow: hidden;
      position: relative;
      background: #e6e6e6; }
      @media (max-width: 600px) {
        .slider .slider__wrap .container {
          height: 510px; } }
    .slider .slider__wrap .slide {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .slider .slider__wrap .arrow {
      position: absolute;
      z-index: 99;
      display: block;
      top: 50%;
      margin-top: -35px;
      width: 36px;
      height: 71px;
      outline: none;
      cursor: pointer; }
      .slider .slider__wrap .arrow i {
        font-size: 77px;
        color: #CDD0D5; }
    .slider .slider__wrap .arrow.prev {
      opacity: 0.2;
      left: 20px;
      transition: 0.2s linear all; }
    .slider .slider__wrap .arrow.next {
      opacity: 0.2;
      right: 20px;
      transition: 0.2s linear all;
      text-align: right; }
    .slider .slider__wrap .arrow.prev:hover, .slider .slider__wrap .arrow.next:hover {
      opacity: 1; }
    .slider .slider__wrap .nav {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 99;
      left: 0;
      bottom: -4px;
      right: 0;
      height: 48px; }
    .slider .slider__wrap .nav .wrapper {
      margin: 0 auto;
      width: 100%;
      padding: 1em 0 .8em; }
    .slider .slider__wrap .nav ul {
      margin: 0;
      width: 100%; }
    .slider .slider__wrap .nav .dot, .slider .slider__wrap .nav .dot a {
      display: inline-block;
      zoom: 1; }
    .slider .slider__wrap .dots .dot {
      position: relative;
      margin: 0 8px;
      width: 12px;
      height: 12px; }
    .slider .slider__wrap .dots .dot a {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 12px;
      height: 12px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: rgba(103, 106, 111, 0.5);
      border: 1px solid transparent;
      outline: none;
      box-shadow: none;
      border-radius: 50%;
      transition: background-color 0.25s, border-color 0.25s; }
    .slider .slider__wrap .dots .dot a.active {
      border-color: rgba(103, 106, 111, 0.5);
      background-color: transparent; }

.article--radiator .background-image {
  color: white;
  padding: 80px 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-height: 570px;
  -webkit-animation: fadedOut 1s ease-in;
  animation: fadedOut 1s ease-in;
  background: #FCCC00; }

@-webkit-keyframes fadedOut {
  from {
    background: #3ab3c6; }
  to {
    background: #FCCC00; } }

@keyframes fadedOut {
  from {
    background: #3ab3c6; }
  to {
    background: #FCCC00; } }

@-webkit-keyframes fadedIn {
  from {
    background: #FCCC00; }
  to {
    background: #3ab3c6; } }

@keyframes fadedIn {
  from {
    background: #FCCC00; }
  to {
    background: #3ab3c6; } }
  @media (max-width: 451px) {
    .article--radiator .background-image {
      -webkit-animation: none;
      animation: none; } }
  .article--radiator .background-image.faded {
    -webkit-animation: fadedIn 1s ease-out;
    animation: fadedIn 1s ease-out;
    background: #3ab3c6; }
    @media (max-width: 451px) {
      .article--radiator .background-image.faded {
        -webkit-animation: none;
        animation: none; } }
  @media (max-width: 600px) {
    .article--radiator .background-image {
      min-height: 510px; } }
  @media (max-width: 769px) {
    .article--radiator .background-image {
      padding: 22px; } }
  @media (max-width: 451px) {
    .article--radiator .background-image {
      padding: 12px; } }

.article--radiator .article__content {
  position: relative; }

.article--radiator .text__radiator {
  position: absolute;
  top: 120px;
  left: 250px; }
  @media (max-width: 769px) {
    .article--radiator .text__radiator {
      top: 320px;
      left: 20%; } }
  @media (max-width: 600px) {
    .article--radiator .text__radiator {
      top: 260px; } }
  @media (max-width: 451px) {
    .article--radiator .text__radiator {
      left: 25%; } }
  .article--radiator .text__radiator .whereabouts {
    font-size: 42px;
    font-weight: 400;
    position: absolute;
    left: 180px;
    width: 200px;
    bottom: 14px; }
    .article--radiator .text__radiator .whereabouts.ng-hide-remove {
      transition: all linear 0.8s;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 0; }
    .article--radiator .text__radiator .whereabouts.ng-hide-add {
      opacity: 0; }
    .article--radiator .text__radiator .whereabouts.ng-hide-add, .article--radiator .text__radiator .whereabouts.ng-hide-add.ng-hide-add-active, .article--radiator .text__radiator .whereabouts.ng-hide-remove {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    .article--radiator .text__radiator .whereabouts.ng-hide-remove.ng-hide-remove-active {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
    @media (max-width: 992px) {
      .article--radiator .text__radiator .whereabouts {
        font-size: 39px;
        width: 190px; } }
    @media (max-width: 769px) {
      .article--radiator .text__radiator .whereabouts {
        font-size: 34px; } }
    @media (max-width: 451px) {
      .article--radiator .text__radiator .whereabouts {
        bottom: -50px;
        left: 0;
        font-size: 30px; } }

.article--radiator .clock {
  font-size: 72px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 769px) {
    .article--radiator .clock {
      margin-bottom: 10px; } }
  @media (max-width: 451px) {
    .article--radiator .clock {
      font-size: 56px; } }

.article--radiator .temperature {
  font-size: 112px;
  font-weight: bold;
  width: 200px;
  position: relative; }
  @media (max-width: 451px) {
    .article--radiator .temperature {
      font-size: 80px; } }

.article--radiator .image__radiator {
  background: url("../images/static/rad_galv.png") no-repeat;
  background-size: 1064px 472px;
  background-position: bottom right;
  height: 472px;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0; }
  @media (max-width: 769px) {
    .article--radiator .image__radiator {
      bottom: -44px;
      width: 100%;
      background: url("../images/static/rad_mob.png") no-repeat;
      background-size: 250px 445px; } }

.article--setup {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 0; }
  @media (max-width: 769px) {
    .article--setup {
      padding: 28px 0; } }
  .article--setup .setup__wrap {
    max-width: 1250px;
    width: 100%;
    height: 100%; }
    .article--setup .setup__wrap .setup__heading {
      margin-bottom: 40px; }
      @media (max-width: 1200px) {
        .article--setup .setup__wrap .setup__heading {
          margin-bottom: 40px; } }
      @media (max-width: 451px) {
        .article--setup .setup__wrap .setup__heading {
          margin: 0 12px 12px 12px; } }
    .article--setup .setup__wrap .setup__boxes {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 769px) {
        .article--setup .setup__wrap .setup__boxes {
          height: 80%;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }
      @media (max-width: 600px) {
        .article--setup .setup__wrap .setup__boxes {
          height: 70%; } }
      .article--setup .setup__wrap .setup__boxes .setup__box {
        position: relative;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        min-width: 320px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (max-width: 1200px) {
          .article--setup .setup__wrap .setup__boxes .setup__box {
            margin-bottom: 22px; } }
        @media (max-width: 992px) {
          .article--setup .setup__wrap .setup__boxes .setup__box {
            min-width: 256px; } }
        @media (max-width: 769px) {
          .article--setup .setup__wrap .setup__boxes .setup__box {
            min-width: 256px;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; } }
        .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(1):after, .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(2):after {
          content: url("../images/icons/easy-bulta.png");
          display: block;
          position: absolute;
          top: 100px;
          right: -5px; }
          @media (max-width: 992px) {
            .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(1):after, .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(2):after {
              top: 77px; } }
          @media (max-width: 769px) {
            .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(1):after, .article--setup .setup__wrap .setup__boxes .setup__box:nth-child(2):after {
              display: none; } }
        .article--setup .setup__wrap .setup__boxes .setup__box .text {
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center;
          padding: 14px;
          margin-top: 8px;
          max-width: 240px;
          color: #7F8289;
          line-height: 1.5;
          padding-bottom: 0; }
          .article--setup .setup__wrap .setup__boxes .setup__box .text .button {
            margin-top: 22px; }
          @media (max-width: 769px) {
            .article--setup .setup__wrap .setup__boxes .setup__box .text {
              text-align: left;
              margin: 0;
              padding: 0 0 0 20px; } }
          @media (max-width: 451px) {
            .article--setup .setup__wrap .setup__boxes .setup__box .text {
              max-width: 206px; } }
        .article--setup .setup__wrap .setup__boxes .setup__box .picture {
          width: 210px;
          height: 210px;
          padding: 14px;
          position: relative; }
          .article--setup .setup__wrap .setup__boxes .setup__box .picture.step-1 {
            background: url("../images/static/easy-1.png") center no-repeat;
            background-size: cover; }
          .article--setup .setup__wrap .setup__boxes .setup__box .picture.step-2 {
            background: url("../images/static/easy-2.png") center no-repeat;
            background-size: cover; }
          .article--setup .setup__wrap .setup__boxes .setup__box .picture.step-3 {
            background: url("../images/static/easy-3.png") center no-repeat;
            background-size: cover; }
          @media (max-width: 992px) {
            .article--setup .setup__wrap .setup__boxes .setup__box .picture {
              width: 170px;
              height: 170px; } }
          @media (max-width: 769px) {
            .article--setup .setup__wrap .setup__boxes .setup__box .picture {
              width: 84px;
              height: 84px; } }

.article--sets {
  background: #F2F3F5;
  padding: 80px 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 451px) {
    .article--sets {
      padding: 40px 0; } }

.article--features {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.article--compatibility {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .article--compatibility .compatibility__wrap {
    width: 100%;
    max-width: 1250px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 80px 0; }
    @media (max-width: 451px) {
      .article--compatibility .compatibility__wrap {
        padding: 40px 0; } }
    .article--compatibility .compatibility__wrap .compatibility__heading {
      padding: 0 22px; }
      .article--compatibility .compatibility__wrap .compatibility__heading .text__subtitle {
        margin: 28px 0; }
  .article--compatibility .compatibility__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1250px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 992px) {
      .article--compatibility .compatibility__block {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap; } }
    @media (max-width: 451px) {
      .article--compatibility .compatibility__block {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
  .article--compatibility .compatibility {
    max-width: 41%;
    margin: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column; }
    @media (max-width: 1050px) {
      .article--compatibility .compatibility {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        margin: 7px; } }
    .article--compatibility .compatibility .avatar-1 {
      background: url("../images/heating/gas.png") no-repeat center; }
    .article--compatibility .compatibility .avatar-2 {
      background: url("../images/heating/central.png") no-repeat center; }
    .article--compatibility .compatibility .avatar-3 {
      background: url("../images/heating/heat.png") no-repeat center; }
    .article--compatibility .compatibility .avatar-4 {
      background: url("../images/heating/electricity.png") no-repeat center; }
    .article--compatibility .compatibility .avatar-5 {
      background: url("../images/heating/heating_floors.png") no-repeat center; }
    .article--compatibility .compatibility .avatar {
      width: 100%;
      height: 177px;
      background-size: contain;
      margin: 14px;
      position: relative; }
      @media (max-width: 1200px) {
        .article--compatibility .compatibility .avatar {
          height: 150px; } }
      @media (max-width: 1050px) {
        .article--compatibility .compatibility .avatar {
          height: 130px; } }
      @media (max-width: 451px) {
        .article--compatibility .compatibility .avatar {
          height: 110px; } }
    .article--compatibility .compatibility .media .title {
      font-size: 18px;
      font-weight: bold;
      line-height: 32px;
      margin-bottom: 8px;
      width: 178px;
      text-align: center; }
      @media (max-width: 451px) {
        .article--compatibility .compatibility .media .title {
          width: 130px; } }

.article--warmup {
  background: #f2f3f5;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .article--warmup .warmup--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1250px;
    padding: 80px; }
    @media (max-width: 992px) {
      .article--warmup .warmup--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media (max-width: 769px) {
      .article--warmup .warmup--wrap {
        padding: 80px 0; }
        .article--warmup .warmup--wrap:before {
          width: 0; } }
    @media (max-width: 451px) {
      .article--warmup .warmup--wrap {
        padding: 40px 0; } }
    .article--warmup .warmup--wrap .text__title {
      margin-bottom: 28px; }
    .article--warmup .warmup--wrap .text__content {
      margin-bottom: 40px; }
    .article--warmup .warmup--wrap .action--more {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .article--warmup .article--warmup--image {
    background: url("../images/static/ietaupi_img.png") no-repeat center;
    width: 100%;
    height: 350px;
    background-size: contain;
    max-width: 50%;
    padding: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    @media (max-width: 769px) {
      .article--warmup .article--warmup--image {
        max-width: 100%;
        height: 224px; } }
  .article--warmup .article--warmup--split {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .article--warmup .article--warmup--split .text__title {
      text-align: left; }
    @media (max-width: 769px) {
      .article--warmup .article--warmup--split {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
        padding: 14px 14px 0;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%; }
        .article--warmup .article--warmup--split .text__title {
          text-align: left; }
        .article--warmup .article--warmup--split .action--more {
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
    @media (max-width: 769px) {
      .article--warmup .article--warmup--split .text__title {
        text-align: center; } }

.article--sensor {
  background: #2DB4F4;
  color: white;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .article--sensor .sensor--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1250px;
    padding: 80px; }
    .article--sensor .sensor--wrap .text__title {
      margin-bottom: 28px; }
    .article--sensor .sensor--wrap .text__content {
      margin-bottom: 40px; }
      @media (max-width: 769px) {
        .article--sensor .sensor--wrap .text__content {
          margin-bottom: 0; } }
      @media (max-width: 451px) {
        .article--sensor .sensor--wrap .text__content {
          font-size: 16px;
          line-height: 24px; } }
    .article--sensor .sensor--wrap .action--more {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    @media (max-width: 769px) {
      .article--sensor .sensor--wrap {
        padding: 28px 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .article--sensor .sensor--wrap:before {
          width: 0; } }
  .article--sensor .article--sensor--image {
    background: url("../images/static/motion sensor.png") no-repeat center;
    width: 100%;
    height: 490px;
    max-width: 50%;
    padding: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    @media (max-width: 992px) {
      .article--sensor .article--sensor--image {
        background-size: contain; } }
    @media (max-width: 769px) {
      .article--sensor .article--sensor--image {
        max-width: 100%;
        height: 340px;
        margin-bottom: -70px; } }
    @media (max-width: 600px) {
      .article--sensor .article--sensor--image {
        height: 250px;
        margin-bottom: -35px; } }
    @media (max-width: 451px) {
      .article--sensor .article--sensor--image {
        height: 200px;
        margin-bottom: -7px; } }
  .article--sensor .article--sensor--split {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .article--sensor .article--sensor--split .text__title {
      text-align: left; }
    @media (max-width: 769px) {
      .article--sensor .article--sensor--split {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
        padding: 0 14px 40px; }
        .article--sensor .article--sensor--split .text__title {
          text-align: left; }
        .article--sensor .article--sensor--split .action--more {
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
    @media (max-width: 451px) {
      .article--sensor .article--sensor--split {
        margin-top: -20px; }
        .article--sensor .article--sensor--split .text__title {
          text-align: center; } }

.image--mobile {
  background: url("../images/static/istabai-home-header.png") no-repeat center;
  background-size: 329px 498px;
  position: absolute;
  width: 329px;
  height: 498px;
  left: 50%;
  top: 18%;
  margin-left: -229px; }
  @media (max-width: 1200px) {
    .image--mobile {
      top: 45%;
      left: 28%;
      height: 373.5px;
      width: 246.75px;
      background-size: 246.75px 373.5px;
      margin-left: 0; } }
  @media (max-width: 769px) {
    .image--mobile {
      left: 19%;
      top: 53%;
      height: 298.8px;
      width: 197.4px;
      background-size: 197.4px 298.8px; } }
  @media (max-width: 451px) {
    .image--mobile {
      height: 199.2px;
      width: 131.6px;
      left: 21%;
      top: 58%;
      background-size: 131.6px 199.2px; } }

.image--comfort {
  background: url("../images/static/comfort.jpg") no-repeat;
  background-size: 1013px 745px;
  background-position: right -136px top -60px;
  height: 620px;
  width: 42%;
  top: 0;
  left: 0;
  position: absolute; }
  @media (max-width: 451px) {
    .image--comfort {
      position: relative;
      height: 160px;
      width: 100%;
      background-position: top -120px right -15px;
      background-size: 506px 372px; } }

.image--apps {
  background: url("../images/static/istabai-home-header.png") no-repeat center;
  background-size: 271px 410px;
  height: 410px;
  width: 409px;
  padding-right: 80px; }
  @media (max-width: 992px) {
    .image--apps {
      width: 50%;
      background-position: center; } }
  @media (max-width: 769px) {
    .image--apps {
      height: 199.2px;
      width: 131.6px;
      padding-right: 0;
      background-size: 131.6px 199.2px; } }
  @media (max-width: 600px) {
    .image--apps {
      height: 149.4px;
      width: 98.7px;
      background-size: 98.7px 149.4px; } }

.sets__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1250px;
  width: 100%; }
  .sets__wrap .sets__heading {
    padding: 14px; }
    .sets__wrap .sets__heading .text__subtitle {
      padding-top: 14px;
      margin: 0; }
    .sets__wrap .sets__heading .sets {
      margin: 0; }

.features__wrap {
  width: 100%;
  max-width: 1250px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 80px 0; }
  @media (max-width: 451px) {
    .features__wrap {
      padding: 40px 0; } }
  .features__wrap .features__heading {
    padding: 0 14px; }

.features__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 22px; }
  @media (max-width: 992px) {
    .features__block {
      padding: 0; } }

.features__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1000px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.feature {
  -webkit-flex: 1 0 490px;
  -ms-flex: 1 0 490px;
  flex: 1 0 490px;
  max-width: 50%;
  margin: 14px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 992px) {
    .feature {
      max-width: 75%;
      min-width: 66%; } }
  @media (max-width: 600px) {
    .feature {
      width: 100%;
      max-width: 100%;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; } }
  @media (max-width: 451px) {
    .feature {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .feature .avatar {
    width: 120px;
    height: 120px;
    margin: 14px;
    position: relative; }
    @media (max-width: 451px) {
      .feature .avatar {
        margin-bottom: 0; } }
    .feature .avatar a {
      width: 100%;
      height: 100%; }
    .feature .avatar svg .str0 {
      stroke: #65C344;
      stroke-width: 2.3622; }
    .feature .avatar svg .fil0 {
      fill: #65C344; }
    .feature .avatar svg .fil1 {
      fill: white; }
    .feature .avatar svg #mobile-app {
      cursor: pointer; }
    .feature .avatar svg #mobile-app:hover .fil0 {
      fill-opacity: 0; }
    .feature .avatar svg #mobile-app:hover .str0 {
      stroke: #65C344; }
    .feature .avatar svg #mobile-app:hover .fil1 {
      transition: all .4s ease-in-out;
      fill: #65C344; }
    .feature .avatar svg #mobile-app:hover .circle {
      stroke-dasharray: 365;
      stroke-dashoffset: 365;
      -webkit-animation: dash .4s ease-in-out forwards;
      animation: dash .4s ease-in-out forwards; }

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    .feature .avatar svg .diystr0 {
      stroke: #F7A21D;
      stroke-width: 2.3622; }
    .feature .avatar svg .diystr2 {
      stroke: #F7A21D;
      stroke-width: 1.49882; }
    .feature .avatar svg .diystr1 {
      stroke: white;
      stroke-width: 0.9; }
    .feature .avatar svg .diyfil2 {
      fill: white; }
    .feature .avatar svg .diyfil0 {
      fill: #F7A21D; }
    .feature .avatar svg .diyfil1 {
      fill: white; }
    .feature .avatar svg #diy {
      cursor: pointer; }
    .feature .avatar svg #diy:hover .diyfil0 {
      fill-opacity: 0; }
    .feature .avatar svg #diy:hover .diystr0, .feature .avatar svg #diy:hover .diystr2 {
      stroke: #F7A21D; }
    .feature .avatar svg #diy:hover .diyfil1 {
      transition: all .4s ease-in-out;
      fill: #F7A21D; }
    .feature .avatar svg #diy:hover .diyfil2 {
      fill: #F7A21D;
      stroke-opacity: 1;
      stroke: white;
      transition: all .4s ease-in-out; }
    .feature .avatar svg #diy:hover .diystr1 {
      stroke-width: 1.5;
      stroke: #F7A21D;
      transition: all .4s ease-in-out; }
    .feature .avatar svg #diy:hover .bottom-circle {
      fill: white;
      stroke-opacity: 0;
      fill-opacity: 1; }
    .feature .avatar svg #diy:hover .circle {
      stroke-dasharray: 365;
      stroke-dashoffset: 365;
      -webkit-animation: dash .4s ease-in-out forwards;
      animation: dash .4s ease-in-out forwards; }
    .feature .avatar svg .secstr0 {
      stroke: #1C8ADB;
      stroke-width: 2.3622; }
    .feature .avatar svg .secstr1 {
      stroke: white;
      stroke-width: 2.3622; }
    .feature .avatar svg .secfil0 {
      fill: #1C8ADB; }
    .feature .avatar svg .secfil1 {
      fill: white; }
    .feature .avatar svg #security {
      cursor: pointer; }
    .feature .avatar svg #security:hover .secfil0 {
      fill-opacity: 0; }
    .feature .avatar svg #security:hover .secstr0 {
      stroke: #1C8ADB; }
    .feature .avatar svg #security:hover .secfil1 {
      transition: all .4s ease-in-out;
      fill: #1C8ADB; }
    .feature .avatar svg #security:hover .secstr1 {
      stroke: #1C8ADB; }
    .feature .avatar svg #security:hover .circle {
      stroke-dasharray: 365;
      stroke-dashoffset: 365;
      -webkit-animation: dash .4s ease-in-out forwards;
      animation: dash .4s ease-in-out forwards; }
    .feature .avatar svg .calstr0 {
      stroke: #F8CC01;
      stroke-width: 2.3622; }
    .feature .avatar svg .calstr1 {
      stroke: #F8CC01;
      stroke-width: 0.9; }
    .feature .avatar svg .calfil0 {
      fill: #F8CC01; }
    .feature .avatar svg .calfil1 {
      fill: white; }
    .feature .avatar svg #calendar {
      cursor: pointer; }
    .feature .avatar svg #calendar:hover .calfil0 {
      fill-opacity: 0; }
    .feature .avatar svg #calendar:hover .calstr0 {
      stroke: #F8CC01; }
    .feature .avatar svg #calendar:hover .calfil1 {
      transition: all .4s ease-in-out;
      fill: #F8CC01; }
    .feature .avatar svg #calendar:hover .calstr1 {
      stroke-width: 1.5;
      stroke: white; }
    .feature .avatar svg #calendar:hover .window {
      fill: white;
      stroke: white;
      fill-opacity: 1; }
    .feature .avatar svg #calendar:hover .circle {
      stroke-dasharray: 365;
      stroke-dashoffset: 365;
      -webkit-animation: dash .4s ease-in-out forwards;
      animation: dash .4s ease-in-out forwards; }
  .feature .avatar-1 {
    background: url("../images/icons/remote.png") no-repeat center; }
  .feature .avatar-2 {
    background: url("../images/icons/DIY.png") no-repeat center; }
  .feature .avatar-3 {
    background: url("../images/icons/security.png") no-repeat center; }
  .feature .avatar-4 {
    background: url("../images/icons/schedule.png") no-repeat center; }
  .feature .media {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    padding: 14px; }
    @media (max-width: 451px) {
      .feature .media {
        min-width: 100%; } }
    .feature .media .title {
      font-size: 24px;
      font-weight: bold;
      line-height: 32px;
      margin-bottom: 8px; }
      @media (max-width: 451px) {
        .feature .media .title {
          text-align: center; } }
    .feature .media .text {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px; }
      @media (max-width: 451px) {
        .feature .media .text {
          text-align: justify; } }

.article--feedback {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F2F3F5; }

.feedback__wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 1250px;
  padding: 120px 22px; }

.feedback__heading {
  margin-bottom: 60px; }

.feedback__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 992px) {
    .feedback__block {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }

.feedback {
  background: white;
  margin: 8px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 451px) {
    .feedback {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .feedback .thumbnail {
    background: #A8ABB2;
    height: 200px;
    width: 150px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
    @media (max-width: 451px) {
      .feedback .thumbnail {
        width: 100%;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0; } }
  .feedback .body {
    padding: 14px;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 451px) {
      .feedback .body {
        min-height: 200px;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .feedback .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5; }
  .feedback .company {
    color: #7F8289;
    margin-bottom: 22px;
    font-size: 12px; }
  .feedback .text {
    font-size: 16px;
    line-height: 22px; }

.about__hero {
  background: url("../images/static/about-header.jpg") no-repeat center;
  padding: 120px 14px;
  color: white; }
  @media (max-width: 451px) {
    .about__hero {
      padding: 40px 14px; } }
  .about__hero .text__title {
    margin-bottom: 22px; }

.about__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.about__vision {
  height: 550px;
  background: white; }
  @media (max-width: 600px) {
    .about__vision {
      height: 500px; } }
  .about__vision .vision--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px; }
    @media (max-width: 600px) {
      .about__vision .vision--wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .about__vision .vision--wrap .vision__image {
      background: url("../images/static/about-history.jpg") no-repeat;
      background-position: center;
      width: 40%;
      left: 0;
      height: 550px;
      display: block; }
      @media (max-width: 600px) {
        .about__vision .vision--wrap .vision__image {
          width: 100%;
          height: 200px;
          position: relative;
          background-position: top 40% left 70%; } }
    .about__vision .vision--wrap .vision__body {
      height: 100%;
      text-align: left; }
      @media (max-width: 600px) {
        .about__vision .vision--wrap .vision__body {
          margin-left: 0; } }
      .about__vision .vision--wrap .vision__body .text__title {
        text-align: left; }
        @media (max-width: 451px) {
          .about__vision .vision--wrap .vision__body .text__title {
            text-align: center; } }

.about__history {
  background: #F2F3F5;
  min-height: 550px; }
  .about__history .history--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 600px) {
      .about__history .history--wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .about__history .history--wrap .history__image {
      background: url("../images/static/about-mission.jpg") no-repeat;
      background-position: center;
      width: 40%;
      min-height: 550px;
      right: 0; }
      @media (max-width: 600px) {
        .about__history .history--wrap .history__image {
          width: 100%;
          height: 200px;
          min-height: 0;
          position: relative;
          background-position: top 40% left 70%; } }
    .about__history .history--wrap .history__body {
      text-align: right; }
      @media (max-width: 600px) {
        .about__history .history--wrap .history__body {
          margin-right: 0; } }
      .about__history .history--wrap .history__body .text__title {
        text-align: right; }
        @media (max-width: 451px) {
          .about__history .history--wrap .history__body .text__title {
            text-align: center; } }

.body__container {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 600px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 80px; }
  @media (max-width: 769px) {
    .body__container {
      margin: 0 50px; } }
  @media (max-width: 600px) {
    .body__container {
      padding: 32px; } }
  @media (max-width: 451px) {
    .body__container {
      padding: 40px 14px;
      margin: 0; } }
  .body__container .text__title {
    margin-bottom: 22px; }

.text__body {
  font-size: 18px;
  line-height: 28px; }
  @media (max-width: 451px) {
    .text__body {
      text-align: justify;
      font-size: 16px;
      line-height: 24px; } }

.reseller__title {
  height: 450px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/static/reseller-header.png") no-repeat center;
  padding: 120px 14px;
  color: white; }
  @media (max-width: 451px) {
    .reseller__title {
      padding: 40px 14px;
      background-position: 70% 0;
      background-size: cover; } }
  .reseller__title .text__title, .reseller__title .title {
    margin-bottom: 22px; }
  .reseller__title .title {
    text-align: center;
    font-size: 60px;
    font-weight: lighter;
    line-height: 72px; }
    @media (max-width: 600px) {
      .reseller__title .title {
        font-size: 48px;
        line-height: 57.6px; } }
  .reseller__title .action__play {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .reseller__title .action__play a:after {
      content: url("../images/icons/play-dark.svg"); }
  .reseller__title .button--reseller {
    background: white;
    color: #31343B;
    width: 180px; }

.article--reseller {
  background: white; }
  @media (max-width: 451px) {
    .article--reseller {
      padding: 40px 14px; } }
  .article--reseller .content--center {
    max-width: 1250px;
    margin: 0; }
    .article--reseller .content--center .text__title {
      font-weight: normal; }
    .article--reseller .content--center .text__subtitle {
      max-width: 990px; }

.reseller__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.article--reseller, .reseller__get-involved, .reseller__offer, .reseller__smart, .reseller__footer {
  color: #676A6F; }
  .article--reseller .text__title, .reseller__get-involved .text__title, .reseller__offer .text__title, .reseller__smart .text__title, .reseller__footer .text__title {
    font-weight: normal; }

.reseller__get-involved {
  height: 460px;
  background: #E5E6EA; }
  @media (max-width: 769px) {
    .reseller__get-involved {
      height: auto; } }
  .reseller__get-involved .get-involved--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px; }
    @media (max-width: 769px) {
      .reseller__get-involved .get-involved--wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .reseller__get-involved .get-involved--wrap .get-involved__image {
      background: url("../images/static/reseller-get-involved.png") no-repeat;
      background-position-x: 78%;
      width: 50%;
      left: 0;
      height: 460px;
      display: block; }
      @media (max-width: 769px) {
        .reseller__get-involved .get-involved--wrap .get-involved__image {
          width: 100%;
          height: 200px;
          -webkit-flex: 1 0 200px;
          -ms-flex: 1 0 200px;
          flex: 1 0 200px;
          position: relative;
          background-position: top 38% left 84%; } }
    .reseller__get-involved .get-involved--wrap .get-involved__body {
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 600px;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 80px;
      height: 100%;
      text-align: left;
      min-width: 320px; }
      @media (max-width: 769px) {
        .reseller__get-involved .get-involved--wrap .get-involved__body {
          width: 100%;
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-height: 424px;
          max-width: 800px;
          min-width: 0;
          margin: 0;
          padding: 32px; } }
      @media (max-width: 451px) {
        .reseller__get-involved .get-involved--wrap .get-involved__body {
          padding: 40px 14px;
          margin: 0; } }
      .reseller__get-involved .get-involved--wrap .get-involved__body .text__title {
        margin-bottom: 22px;
        text-align: left; }
        @media (max-width: 769px) {
          .reseller__get-involved .get-involved--wrap .get-involved__body .text__title {
            text-align: center; } }
  .reseller__get-involved .points {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0; }
    @media (max-width: 769px) {
      .reseller__get-involved .points {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .reseller__get-involved .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 451px) {
      .reseller__get-involved .item {
        width: 100%;
        padding: 14px 0; } }
    .reseller__get-involved .item div {
      width: 280px;
      text-align: left;
      padding-left: 14px; }
      @media (max-width: 451px) {
        .reseller__get-involved .item div {
          font-size: 16px;
          line-height: 24px;
          -webkit-flex-basis: 75%;
          -ms-flex-preferred-size: 75%;
          flex-basis: 75%; } }

.reseller__smart {
  background: #F2F3F5;
  min-height: 460px; }
  .reseller__smart .smart--wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 769px) {
      .reseller__smart .smart--wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .reseller__smart .smart--wrap .smart__image {
      background: url("../images/static/reseller-smart.png") no-repeat;
      background-position-x: 71%;
      width: 50%;
      min-height: 460px;
      right: 0; }
      @media (max-width: 769px) {
        .reseller__smart .smart--wrap .smart__image {
          width: 100%;
          height: 200px;
          min-height: 0;
          position: relative;
          background-position: top 100% left 61%; } }
    .reseller__smart .smart--wrap .smart__body {
      max-width: 500px;
      min-width: 320px;
      text-align: right;
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 80px; }
      @media (max-width: 769px) {
        .reseller__smart .smart--wrap .smart__body {
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-height: 302px;
          margin: 0;
          width: 100%;
          min-width: 0;
          max-width: 800px;
          padding: 32px 22px; } }
      @media (max-width: 451px) {
        .reseller__smart .smart--wrap .smart__body {
          padding: 40px 14px;
          margin: 0; } }
      .reseller__smart .smart--wrap .smart__body .text__title {
        text-align: right;
        font-weight: normal;
        margin-bottom: 22px; }
        @media (max-width: 769px) {
          .reseller__smart .smart--wrap .smart__body .text__title {
            text-align: center; } }
      .reseller__smart .smart--wrap .smart__body .text__body {
        font-size: 18px;
        line-height: 28px; }
        @media (max-width: 769px) {
          .reseller__smart .smart--wrap .smart__body .text__body {
            text-align: center; } }
        @media (max-width: 451px) {
          .reseller__smart .smart--wrap .smart__body .text__body {
            text-align: justify;
            font-size: 16px;
            line-height: 24px; } }

.reseller__offer {
  padding: 80px 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 451px) {
    .reseller__offer {
      padding: 40px 22px; } }
  .reseller__offer .title {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .reseller__offer .text__title {
    width: 100%; }
  .reseller__offer .text__subtitle {
    width: 100%;
    max-width: 600px;
    margin: 28px 0; }
  .reseller__offer .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 305px; }
    @media (max-width: 451px) {
      .reseller__offer .list {
        width: 100%; } }
  .reseller__offer .item {
    width: 305px;
    height: 56px;
    font-size: 24px;
    line-height: 32px;
    padding: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 600px) {
      .reseller__offer .item {
        width: 350px; } }
    @media (max-width: 451px) {
      .reseller__offer .item {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        padding: 7px; } }
    .reseller__offer .item .fa-stack {
      font-size: 20px;
      margin-right: 7px;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .reseller__offer .item div {
      font-size: 18px;
      line-height: 28px; }

.reseller__contact {
  background: #676A6F;
  overflow: hidden;
  height: 758px; }
  @media (max-width: 451px) {
    .reseller__contact {
      height: 810px; } }
  .reseller__contact.ng-hide-add {
    transition: 3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .reseller__contact.ng-hide-add.ng-hide-add-active {
    height: 0; }
  .reseller__contact .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 120px 14px;
    color: white;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    height: 100%; }
    @media (max-width: 451px) {
      .reseller__contact .wrap {
        padding: 40px 14px; } }
  .reseller__contact .text__title, .reseller__contact .text__subtitle {
    width: 100%; }
  .reseller__contact .text__title {
    font-weight: normal; }
  .reseller__contact .text__subtitle {
    font-weight: lighter;
    font-size: 24px;
    line-height: 32px; }
    @media (max-width: 600px) {
      .reseller__contact .text__subtitle {
        font-size: 18px; } }
  .reseller__contact .form {
    width: 100%;
    max-width: 454px; }
    @media (max-width: 600px) {
      .reseller__contact .form {
        max-width: 400px; } }
  .reseller__contact .material-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .reseller__contact .form__input {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 14px;
    max-width: 50%; }
    @media (max-width: 600px) {
      .reseller__contact .form__input {
        width: 200px; } }
    @media (max-width: 451px) {
      .reseller__contact .form__input {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
  .reseller__contact .form__input--message {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%; }
    .reseller__contact .form__input--message .form-group textarea {
      height: 172px; }
    .reseller__contact .form__input--message .form-group:before {
      height: 150px; }
  .reseller__contact .form-group {
    margin: 0; }
    .reseller__contact .form-group label, .reseller__contact .form-group .error-block {
      padding-left: 7px; }
    .reseller__contact .form-group .error-block {
      top: 48px; }
    .reseller__contact .form-group label {
      top: 7px; }
    .reseller__contact .form-group input[type='text'], .reseller__contact .form-group input[type='email'], .reseller__contact .form-group textarea[type='text'] {
      border: none;
      color: white;
      padding-left: 7px; }
    .reseller__contact .form-group textarea[type='text'] {
      resize: none;
      overflow: hidden; }
    .reseller__contact .form-group:after {
      display: none; }
    .reseller__contact .form-group:before {
      content: '';
      position: absolute;
      transition: all .3s ease;
      background: #A8ABB2;
      border-radius: 3px;
      height: 28px;
      width: 100%;
      top: 22px; }
    .reseller__contact .form-group.has-focus::before {
      background: #80C036; }
    .reseller__contact .form-group.has-error::before {
      background: #FB5859; }
    .reseller__contact .form-group.has-success.has-focus.has-focus::before, .reseller__contact .form-group.has-success.has-focus::before, .reseller__contact .form-group.has-success:not(.is-empty).has-focus::before, .reseller__contact .form-group.has-success:not(.is-empty)::before {
      background: #80C036; }
    .reseller__contact .form-group.is-empty:not(.has-focus) label {
      top: 30px; }
  .reseller__contact .button__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 14px;
    margin-top: 14px; }
  .reseller__contact .send {
    width: 100%;
    padding: 14px 28px;
    background-color: #80C036;
    color: #FFFFFF !important;
    text-align: center;
    border-radius: 3px; }
    .reseller__contact .send.disabled {
      cursor: not-allowed;
      background: #CDD0D5; }
  .reseller__contact .formSaved {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px; }
  .reseller__contact .formError {
    padding: 14px;
    border-radius: 3px;
    background-color: #FB5859;
    position: relative;
    color: white;
    top: -10px;
    margin: 0 14px; }
    .reseller__contact .formError .text {
      text-align: left;
      margin-right: 30px; }
    .reseller__contact .formError .alert {
      position: absolute;
      right: 25px;
      top: 20%;
      font-size: 28px;
      opacity: 0.6; }

.reseller__footer {
  padding-bottom: 14px; }
  .reseller__footer .text__subtitle {
    width: 100%;
    font-size: 24px;
    line-height: 32px; }
  .reseller__footer .contact__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 700px;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .reseller__footer .contact {
    max-width: 41%;
    margin: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column; }
    @media (max-width: 1050px) {
      .reseller__footer .contact {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        margin: 7px; } }
    .reseller__footer .contact .avatar-1 {
      background: url("../images/static/janis.png") no-repeat center; }
    .reseller__footer .contact .avatar-2 {
      background: url("../images/static/toms.png") no-repeat center; }
    .reseller__footer .contact .avatar {
      width: 200px;
      height: 200px;
      background-size: contain;
      margin: 14px;
      position: relative; }
      @media (max-width: 600px) {
        .reseller__footer .contact .avatar {
          height: 177px;
          width: 177px; } }
      @media (max-width: 451px) {
        .reseller__footer .contact .avatar {
          height: 110px;
          width: 110px; } }
    .reseller__footer .contact .media .title {
      font-size: 24px;
      text-transform: uppercase;
      line-height: 32px;
      margin-bottom: 8px;
      width: 178px;
      text-align: center; }
      @media (max-width: 451px) {
        .reseller__footer .contact .media .title {
          width: 130px; } }

.support__team {
  background: #F2F3F5; }
  .support__team .support__heading {
    padding: 40px 14px; }
    .support__team .support__heading .text__subtitle {
      margin: 0; }
  .support__team .support__blocks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 992px) {
      .support__team .support__blocks {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px; } }
    @media (max-width: 451px) {
      .support__team .support__blocks {
        padding: 0 8px; } }
    .support__team .support__blocks .support__item {
      max-width: 400px;
      width: 100%;
      background: white;
      margin: 8px;
      border-radius: 3px;
      box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.3);
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .support__team .support__blocks .support__item .body {
        padding: 22px;
        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; }
        @media (max-width: 1200px) {
          .support__team .support__blocks .support__item .body {
            padding: 14px; } }
      @media (max-width: 992px) {
        .support__team .support__blocks .support__item {
          max-width: 800px;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; }
          .support__team .support__blocks .support__item .media, .support__team .support__blocks .support__item .body {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }
      @media (max-width: 769px) {
        .support__team .support__blocks .support__item {
          max-width: 400px;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          .support__team .support__blocks .support__item .media, .support__team .support__blocks .support__item .body {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto; } }
      .support__team .support__blocks .support__item .title {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 14px; }
      .support__team .support__blocks .support__item .text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 14px;
        height: 56px; }
      .support__team .support__blocks .support__item .action {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 46px; }
        @media (max-width: 451px) {
          .support__team .support__blocks .support__item .action {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: auto; } }
        .support__team .support__blocks .support__item .action .learn-more {
          line-height: 46px;
          color: #80C036; }
          .support__team .support__blocks .support__item .action .learn-more:hover {
            color: #6DAA28; }
        .support__team .support__blocks .support__item .action .setup-istabai {
          line-height: 46px;
          margin: 0 22px 0 0;
          height: 46px;
          width: 180px; }
        .support__team .support__blocks .support__item .action .button--google-play {
          margin-right: 8px; }
          @media (max-width: 451px) {
            .support__team .support__blocks .support__item .action .button--google-play {
              margin-bottom: 8px; } }
      .support__team .support__blocks .support__item.how-it-works .media {
        background: url("../images/static/how-it-works.png") no-repeat center; }
      .support__team .support__blocks .support__item.how-it-works .body .title {
        text-transform: none; }
      .support__team .support__blocks .support__item.how-it-works .body .text {
        text-transform: none;
        font-weight: normal; }
      .support__team .support__blocks .support__item.setup .media {
        background: url("../images/static/simple-setup.jpg") no-repeat; }
      .support__team .support__blocks .support__item.mobile .media {
        background: url("../images/static/app.jpg") no-repeat;
        height: 197px; }
        @media (max-width: 451px) {
          .support__team .support__blocks .support__item.mobile .media {
            background-position: center; } }
      @media (max-width: 451px) {
        .support__team .support__blocks .support__item.mobile .text {
          height: auto; } }
      .support__team .support__blocks .support__item .video {
        height: 197px; }
        @media (max-width: 451px) {
          .support__team .support__blocks .support__item .video {
            background-position: center; } }
        .support__team .support__blocks .support__item .video a {
          width: 100%;
          height: 100%;
          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: 0.5;
          color: #A8ABB2;
          font-size: 60px; }
          .support__team .support__blocks .support__item .video a:hover {
            color: #E5E6EA;
            background-color: rgba(0, 0, 0, 0.6); }
  .support__team .faq-header {
    max-width: 1250px;
    margin: 40px auto;
    padding: 14px 14px 50px; }
    .support__team .faq-header .text__title {
      text-align: left; }
      @media (max-width: 451px) {
        .support__team .faq-header .text__title {
          text-align: center; } }

.form-group {
  position: relative;
  width: 100%;
  margin-bottom: 22px; }
  .form-group input[type='text'], .form-group input[type='email'], .form-group textarea[type='text'] {
    position: relative;
    width: 100%;
    background: 0 0;
    padding: 26px 0 12px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px;
    box-shadow: none;
    z-index: 1; }
    .form-group input[type='text']:focus, .form-group input[type='email']:focus, .form-group textarea[type='text']:focus {
      outline: none; }
  .form-group label {
    display: inline-block;
    position: absolute;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.4);
    padding: 0;
    transition: all .3s ease; }
  .form-group:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.08);
    transition: all .3s ease; }
  .form-group .error-block {
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    color: red;
    line-height: 24px;
    transition: all 0.5s ease;
    margin: 0; }
    .form-group .error-block.ng-hide {
      display: block !important;
      visibility: hidden;
      opacity: 0; }
  .form-group.has-focus label {
    color: #80C036; }
  .form-group.has-focus::after {
    left: 0;
    background: #80C036;
    width: 100%; }
  .form-group.has-error label {
    color: red; }
  .form-group.has-error::after {
    left: 0;
    background: red;
    width: 100%; }
  .form-group.has-error .help-block:not(.ng-hide) {
    position: absolute;
    color: red;
    opacity: 1;
    visibility: visible;
    top: 100%; }
  .form-group.has-success.has-focus label, .form-group.has-success:not(.is-empty) label {
    color: #80C036; }
  .form-group.has-success.has-focus.has-focus::after, .form-group.has-success.has-focus::after, .form-group.has-success:not(.is-empty).has-focus::after, .form-group.has-success:not(.is-empty)::after {
    left: 0;
    background: #80C036;
    width: 100%; }
  .form-group.is-empty:not(.has-focus) label {
    font-weight: 400;
    font-size: 14px;
    top: 32px; }

.shop__display {
  background: #80C036;
  color: white; }
  .shop__display .wrap {
    max-width: 1250px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 14px; }
    @media (max-width: 769px) {
      .shop__display .wrap {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
    @media (max-width: 451px) {
      .shop__display .wrap {
        padding: 40px 14px; } }
  .shop__display .picture {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: block;
    background: url("../images/sets/komplekts.png") no-repeat;
    background-position: 22% 50%;
    min-height: 185px;
    margin-left: 30px;
    width: 100%; }
    @media (max-width: 769px) {
      .shop__display .picture {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        background-position: center;
        background-size: contain;
        margin: 0; } }

.shop__heading {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: right;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media (max-width: 769px) {
    .shop__heading {
      width: 100%;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-top: 40px;
      text-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .shop__heading .title {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    width: 100%; }
  .shop__heading .text {
    font-size: 18px;
    line-height: 28px;
    width: 100%; }
  .shop__heading .call-to-action {
    background: white;
    color: #80C036;
    margin: 0;
    margin-top: 22px; }
    .shop__heading .call-to-action:hover {
      color: #6DAA28; }

.shop__display--promo {
  min-height: 350px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("../images/static/shop_header_promo.png") no-repeat;
  background-position-x: 50%;
  background-size: cover; }
  @media (max-width: 769px) {
    .shop__display--promo {
      background-position-x: 48%; } }
  @media (max-width: 451px) {
    .shop__display--promo {
      background-position-x: 33%; } }
  .shop__display--promo .wrap {
    height: 100%;
    width: 100%;
    padding: 40px 14px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .shop__display--promo .left-space {
    -webkit-flex: 0 1 16%;
    -ms-flex: 0 1 16%;
    flex: 0 1 16%; }
    @media (max-width: 992px) {
      .shop__display--promo .left-space {
        -webkit-flex: 0 1 9%;
        -ms-flex: 0 1 9%;
        flex: 0 1 9%; } }
    @media (max-width: 451px) {
      .shop__display--promo .left-space {
        -webkit-flex: 0 1 0;
        -ms-flex: 0 1 0;
        flex: 0 1 0; } }
  .shop__display--promo .shop__heading {
    text-align: left;
    -webkit-flex: 0 0 550px;
    -ms-flex: 0 0 550px;
    flex: 0 0 550px;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0; }
    @media (max-width: 769px) {
      .shop__display--promo .shop__heading {
        -webkit-flex: 0 0 62%;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%; } }
    @media (max-width: 451px) {
      .shop__display--promo .shop__heading {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%; }
        .shop__display--promo .shop__heading .title {
          font-size: 39px; } }
    .shop__display--promo .shop__heading .title, .shop__display--promo .shop__heading .text {
      font-weight: lighter; }
    .shop__display--promo .shop__heading .text {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .shop__display--promo .shop__heading .text .big {
        font-size: 50px;
        line-height: 50px;
        font-weight: bold; }
        .shop__display--promo .shop__heading .text .big span {
          font-size: 23px;
          line-height: 12px; }
      .shop__display--promo .shop__heading .text .last {
        margin-left: 4px; }
      .shop__display--promo .shop__heading .text .super {
        font-weight: bold;
        height: 20px;
        font-size: 23px;
        margin-left: -1px; }
    .shop__display--promo .shop__heading .button {
      margin: 0;
      margin-top: 22px; }

.shop__products {
  background: #F2F3F5;
  padding: 80px 0; }
  @media (max-width: 451px) {
    .shop__products {
      padding: 40px 0; } }
  .shop__products .wrap {
    max-width: 1250px;
    margin: 0 auto; }
  .shop__products .heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px; }
    .shop__products .heading .text__content {
      width: 100%;
      text-align: center; }
    @media (max-width: 451px) {
      .shop__products .heading {
        padding: 0 14px; } }
    .shop__products .heading .text__title {
      margin-bottom: 22px;
      width: 100%; }

.sets {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 40px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px; }

#set {
  -webkit-flex: 1 1 34%;
  -ms-flex: 1 1 34%;
  flex: 1 1 34%;
  max-width: 600px;
  background: white;
  margin: 8px;
  padding: 22px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1200px) {
    #set {
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; } }
  @media (max-width: 600px) {
    #set {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0;
      margin: 14px; } }
  @media (max-width: 451px) {
    #set {
      margin: 14px 0; } }
  #set .picture {
    width: 256px;
    height: 256px; }
    @media (max-width: 600px) {
      #set .picture {
        width: 100%; } }
    #set .picture.basic {
      background: url("../images/sets/small/set-wired@2x.png") no-repeat center; }
    #set .picture.wireless {
      background: url("../images/sets/small/set-wireless@2x.png") no-repeat center; }
    #set .picture.hot_water_floor {
      background: url("../images/sets/small/set-water@2x.png") no-repeat center; }
    #set .picture.electric_floor {
      background: url("../images/sets/small/set-floor@2x.png") no-repeat center; }
    #set .picture.custom {
      background: url("../images/sets/komplekts.png") no-repeat center;
      background-size: contain; }
      @media (max-width: 600px) {
        #set .picture.custom {
          background-size: auto; } }
      @media (max-width: 451px) {
        #set .picture.custom {
          background-size: 256px; } }
  #set .body {
    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;
    padding: 22px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
    @media (max-width: 600px) {
      #set .body {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; } }
    @media (max-width: 451px) {
      #set .body {
        padding: 22px 14px; } }
  #set .title {
    margin-bottom: 14px; }
    @media (max-width: 451px) {
      #set .title {
        text-align: center; } }
    #set .title a {
      color: #80C036;
      font-size: 22px;
      line-height: 1.5; }
      #set .title a:hover {
        color: #6DAA28;
        font-weight: bold; }
  #set .text {
    color: #7F8289;
    line-height: 1.5; }
    @media (max-width: 451px) {
      #set .text {
        text-align: justify; } }
  #set .bottom-block {
    margin-top: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  #set .explore {
    width: 110px; }

.price-block {
  font-size: 18px;
  line-height: 28px; }

.sub-text {
  color: #7F8289;
  font-size: 12px;
  line-height: 20px; }

.individual-products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px; }

#product {
  background: white;
  margin: 8px;
  width: 294px;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2); }
  #product .picture {
    width: 100%;
    height: 244px; }
    #product .picture.base_station {
      background: url("../images/devices/small/base-station@2x.png") no-repeat center; }
    #product .picture.temperature_sensor {
      background: url("../images/devices/small/temperature@2x.png") no-repeat center; }
    #product .picture.multi_switch {
      background: url("../images/devices/small/multiswitch@2x.png") no-repeat center; }
    #product .picture.motion_sensor {
      background: url("../images/devices/small/motion@2x.png") no-repeat center; }
    #product .picture.wired_regulator {
      background: url("../images/devices/small/regulator@2x.png") no-repeat center; }
    #product .picture.wireless_regulator {
      background: url("../images/devices/small/wireless-regulator@2x.png") no-repeat center; }
    #product .picture.probe_sensor {
      background: url("../images/devices/small/probe.png") no-repeat center;
      background-size: contain; }
    #product .picture.power_switch {
      background: url("../images/devices/small/power.png") no-repeat center;
      background-size: contain; }
    #product .picture.boiler_switch {
      background: url("../images/devices/small/boiler@2x.png") no-repeat center;
      background-size: contain; }
    #product .picture.air_quality_sensor {
      background: url("../images/devices/small/air.png") no-repeat center;
      background-size: contain; }
    #product .picture.smart_plug {
      background: url("../images/devices/small/smart_plug@2x.png") no-repeat center;
      background-size: contain; }
  #product .body {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 22px;
    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; }
  #product .title {
    margin-bottom: 6px; }
    #product .title a {
      text-align: center;
      color: #80C036;
      font-weight: 500;
      font-size: 18px;
      line-height: 1.5; }
      #product .title a:hover {
        color: #31343B; }
  #product .text {
    text-align: center;
    color: #7F8289;
    line-height: 1.5;
    height: 63px; }
  #product .bottom-block {
    margin-top: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  #product .price {
    font-size: 18px;
    line-height: 28px; }
  #product .add-to-cart {
    margin: 0;
    width: 140px;
    height: 38px;
    line-height: 38px; }
  #product .preOrder {
    display: none; }
  #product.air_quality_sensor a .preOrder, #product.smart_plug a .preOrder {
    display: block;
    background-color: #80C036;
    height: 38px;
    color: white;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px 3px 0 0; }
  #product.air_quality_sensor .add-to-cart, #product.smart_plug .add-to-cart {
    display: none; }
    #product.air_quality_sensor .add-to-cart.preOrder, #product.smart_plug .add-to-cart.preOrder {
      display: block; }
      #product.air_quality_sensor .add-to-cart.preOrder.LV, #product.smart_plug .add-to-cart.preOrder.LV {
        width: 180px; }
  #product.air_quality_sensor .picture, #product.smart_plug .picture {
    height: 206px; }

.shop-article__heading {
  background: #F2F3F5;
  padding: 80px 0; }
  @media (max-width: 451px) {
    .shop-article__heading {
      padding: 20px 0; } }
  .shop-article__heading .wrap {
    max-width: 1250px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 992px) {
      .shop-article__heading .wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
  .shop-article__heading .text__title {
    text-align: left; }
  .shop-article__heading .text-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 992px) {
      .shop-article__heading .text-block {
        width: 100%;
        padding: 14px; } }
  .shop-article__heading .picture {
    width: 50%;
    height: 485px; }
    .shop-article__heading .picture.basic {
      background: url("../images/sets/large/set-wired.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.basic {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.wireless {
      background: url("../images/sets/large/set-wireless.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.wireless {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.hot_water_floor {
      background: url("../images/sets/large/set-hot-water.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.hot_water_floor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.electric_floor {
      background: url("../images/sets/large/set-electric-floor.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.electric_floor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.base_station {
      background: url("../images/devices/large/base-station.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.base_station {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.motion_sensor {
      background: url("../images/devices/large/motion.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.motion_sensor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.temperature_sensor {
      background: url("../images/devices/large/temperature.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.temperature_sensor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.wired_regulator {
      background: url("../images/devices/large/regulator.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.wired_regulator {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.wireless_regulator {
      background: url("../images/devices/large/wireless-regulator.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.wireless_regulator {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.multi_switch {
      background: url("../images/devices/large/multiswitch.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.multi_switch {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.probe_sensor {
      background: url("../images/devices/large/probe.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.probe_sensor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.power_switch {
      background: url("../images/devices/large/power.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.power_switch {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.boiler_switch {
      background: url("../images/devices/large/boiler.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.boiler_switch {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.air_quality_sensor {
      background: url("../images/devices/large/air.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.air_quality_sensor {
          background-size: contain;
          background-position: center; } }
    .shop-article__heading .picture.smart_plug {
      background: url("../images/devices/large/smart-plug.png") no-repeat; }
      @media (max-width: 992px) {
        .shop-article__heading .picture.smart_plug {
          background-size: contain;
          background-position: center; } }
    @media (max-width: 992px) {
      .shop-article__heading .picture {
        width: 100%; } }
    @media (max-width: 451px) {
      .shop-article__heading .picture {
        height: 360px; } }
  .shop-article__heading .price-block {
    margin-top: 22px;
    margin-bottom: 22px;
    font-size: 24px; }
  .shop-article__heading .count {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #7F8289;
    border: 1px solid #E5E6EA;
    line-height: 40px;
    width: 120px;
    margin-bottom: 8px; }
    .shop-article__heading .count .quantity {
      text-align: center;
      height: 40px;
      width: 40px;
      font-size: 22px; }
    .shop-article__heading .count .minus, .shop-article__heading .count .plus {
      cursor: pointer;
      text-align: center;
      height: 40px;
      line-height: 40px;
      font-size: 22px;
      width: 40px;
      color: #7F8289;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .shop-article__heading .count .minus {
      border-left: 1px solid #E5E6EA;
      border-right: 1px solid #E5E6EA; }
  .shop-article__heading .add-to-cart a {
    margin: 0; }

.shop-article__description {
  color: white;
  background-color: #314a60; }
  .shop-article__description .active {
    background-color: white;
    color: #314a60; }
  .shop-article__description .show-specification .white:hover {
    color: #314a60; }
  .shop-article__description.base_station, .shop-article__description.motion_sensor, .shop-article__description.power_switch {
    background-color: #2DB4F4; }
    .shop-article__description.base_station .active, .shop-article__description.motion_sensor .active, .shop-article__description.power_switch .active {
      color: #2DB4F4; }
    .shop-article__description.base_station .show-specification .white:hover, .shop-article__description.motion_sensor .show-specification .white:hover, .shop-article__description.power_switch .show-specification .white:hover {
      color: #2DB4F4; }
  .shop-article__description.temperature_sensor, .shop-article__description.air_quality_sensor, .shop-article__description.probe_sensor {
    background-color: #80C036; }
    .shop-article__description.temperature_sensor .active, .shop-article__description.air_quality_sensor .active, .shop-article__description.probe_sensor .active {
      color: #80C036; }
    .shop-article__description.temperature_sensor .show-specification .white:hover, .shop-article__description.air_quality_sensor .show-specification .white:hover, .shop-article__description.probe_sensor .show-specification .white:hover {
      color: #80C036; }
  .shop-article__description.multi_switch, .shop-article__description.wireless_regulator {
    background-color: #e8a500; }
    .shop-article__description.multi_switch .active, .shop-article__description.wireless_regulator .active {
      color: #e8a500; }
    .shop-article__description.multi_switch .show-specification .white:hover, .shop-article__description.wireless_regulator .show-specification .white:hover {
      color: #e8a500; }
  .shop-article__description .wrap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 80px 0 0 0; }
    @media (max-width: 451px) {
      .shop-article__description .wrap {
        padding-top: 40px; } }
  .shop-article__description .set__title {
    padding: 0 14px; }
  .shop-article__description .device__slider {
    height: 370px; }
    @media (max-width: 1050px) {
      .shop-article__description .device__slider {
        height: 400px; } }
    @media (max-width: 992px) {
      .shop-article__description .device__slider {
        height: 500px; } }
    @media (max-width: 769px) {
      .shop-article__description .device__slider {
        height: 710px; } }
    @media (max-width: 600px) {
      .shop-article__description .device__slider {
        height: 784px; } }
    @media (max-width: 451px) {
      .shop-article__description .device__slider {
        height: 696px; } }
  .shop-article__description .specification__slider {
    height: 460px; }
    @media (max-width: 1050px) {
      .shop-article__description .specification__slider {
        height: 570px; } }
    @media (max-width: 769px) {
      .shop-article__description .specification__slider {
        height: 570px; } }
    @media (max-width: 600px) {
      .shop-article__description .specification__slider {
        height: 950px; } }
    @media (max-width: 451px) {
      .shop-article__description .specification__slider {
        height: 980px; } }
    .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove {
      transition: 1s;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove.ng-hide-remove-active {
      height: 460px; }
      @media (max-width: 1050px) {
        .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove.ng-hide-remove-active {
          height: 570px; } }
      @media (max-width: 769px) {
        .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove.ng-hide-remove-active {
          height: 570px; } }
      @media (max-width: 600px) {
        .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove.ng-hide-remove-active {
          height: 950px; } }
      @media (max-width: 451px) {
        .shop-article__description .specification__slider.ng-hide-add, .shop-article__description .specification__slider.ng-hide-remove.ng-hide-remove-active {
          height: 980px; } }
    .shop-article__description .specification__slider.ng-hide-add.ng-hide-add-active {
      height: 0; }
    .shop-article__description .specification__slider.ng-hide-remove {
      height: 0; }
  .shop-article__description .bottom--padding {
    height: 80px; }
    @media (max-width: 451px) {
      .shop-article__description .bottom--padding {
        height: 40px; } }
    .shop-article__description .bottom--padding.ng-hide-add, .shop-article__description .bottom--padding.ng-hide-remove {
      transition: 1s;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    .shop-article__description .bottom--padding.ng-hide-add, .shop-article__description .bottom--padding.ng-hide-remove.ng-hide-remove-active {
      height: 80px; }
    .shop-article__description .bottom--padding.ng-hide-add.ng-hide-add-active {
      height: 0; }
    .shop-article__description .bottom--padding.ng-hide-remove {
      height: 0; }

.shop-article--animation .ng-hide-add, .shop-article--animation .ng-hide-remove {
  transition: all linear 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.shop-article--animation .ng-hide-add {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.shop-article--animation .ng-hide-add.ng-hide-add-active {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.shop-article--animation .ng-hide-remove {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.shop-article--animation .ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.set__devices {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px; }
  .set__devices .set__device {
    margin: 7px;
    padding: 7px;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center; }
  .set__devices .active {
    background-color: white; }

.device__slider {
  width: 100%;
  overflow: hidden;
  position: relative; }

.description__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.description__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .description__content .slider {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    padding: 0 32px; }
    @media (max-width: 451px) {
      .description__content .slider {
        padding: 0; } }
    .description__content .slider .specification__media {
      height: 340px;
      width: 100%;
      min-width: 300px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media (max-width: 992px) {
        .description__content .slider .specification__media {
          width: 100%; } }
      @media (max-width: 451px) {
        .description__content .slider .specification__media {
          height: 280px; } }
      .description__content .slider .specification__media .slide {
        background-size: contain;
        height: 95%;
        padding: 0 20px; }
        @media (max-width: 451px) {
          .description__content .slider .specification__media .slide {
            max-height: 230px; } }
        .description__content .slider .specification__media .slide .measure-1, .description__content .slider .specification__media .slide .measure-2, .description__content .slider .specification__media .slide .measure-3 {
          height: 100%; }
          @media (max-width: 451px) {
            .description__content .slider .specification__media .slide .measure-1, .description__content .slider .specification__media .slide .measure-2, .description__content .slider .specification__media .slide .measure-3 {
              background-size: contain; } }
      .description__content .slider .specification__media .container {
        background: none;
        height: auto;
        max-width: 530px;
        min-width: 336px; }
        @media (max-width: 451px) {
          .description__content .slider .specification__media .container {
            min-width: 0; } }
      .description__content .slider .specification__media .specification__info {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .description__content .slider .specification__media .specification__info .specification__description {
          padding: 28px 40px; }
          @media (max-width: 451px) {
            .description__content .slider .specification__media .specification__info .specification__description {
              padding: 14px; } }
      .description__content .slider .specification__media .arrow {
        opacity: 0.5; }
        .description__content .slider .specification__media .arrow i {
          color: rgba(255, 255, 255, 0.8); }
      .description__content .slider .specification__media .arrow.prev:hover, .description__content .slider .specification__media .arrow.next:hover {
        opacity: 1; }
      .description__content .slider .specification__media .dots .dot a {
        background: rgba(255, 255, 255, 0.8); }
      .description__content .slider .specification__media .dots .dot a.active {
        border-color: rgba(255, 255, 255, 0.8);
        background-color: transparent; }
  .description__content .description__text {
    padding: 0 32px;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 769px) {
      .description__content .description__text {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    @media (max-width: 451px) {
      .description__content .description__text {
        padding: 0 14px; } }
    .description__content .description__text .text__title {
      text-align: left; }
      @media (max-width: 451px) {
        .description__content .description__text .text__title {
          text-align: center; } }
    .description__content .description__text .text__content {
      padding: 32px 0; }
    .description__content .description__text .show-specification {
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end; }

.specification__slider {
  width: 100%;
  overflow: hidden;
  position: relative; }

.specification__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden; }
  .specification__content .specification__animation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    color: white;
    padding-top: 32px; }
    @media (max-width: 451px) {
      .specification__content .specification__animation {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: center; } }
    .specification__content .specification__animation .seperator {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 1px; }
      .specification__content .specification__animation .seperator .seperator--line {
        -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        background: rgba(255, 255, 255, 0.17); }
    .specification__content .specification__animation .list {
      width: 342px;
      padding: 14px 0 14px 28px; }
      @media (max-width: 769px) {
        .specification__content .specification__animation .list {
          width: 290px; } }
      @media (max-width: 451px) {
        .specification__content .specification__animation .list {
          width: 100%;
          padding: 14px 28px; } }
      .specification__content .specification__animation .list .header__row {
        padding-bottom: 14px;
        font-size: 24px;
        line-height: 32px; }
        .specification__content .specification__animation .list .header__row i {
          padding-right: 8px; }
      .specification__content .specification__animation .list .cell {
        font-size: 14px;
        line-height: 24px; }

.measure-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 270px;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%; }
  @media (max-width: 451px) {
    .measure-block {
      min-height: 278px; } }
  .measure-block > div {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 320px; }
  .measure-block .measure-base_station.measure-1 {
    background: url("../images/specs/base-front@2x.png") no-repeat center; }
  .measure-block .measure-base_station.measure-2 {
    background: url("../images/specs/base-left@2x.png") no-repeat center; }
  .measure-block .measure-base_station.measure-3 {
    background: url("../images/specs/base-top@2x.png") no-repeat center; }
  .measure-block .measure-temperature_sensor.measure-1 {
    background: url("../images/specs/temperature-front@2x.png") no-repeat center; }
  .measure-block .measure-temperature_sensor.measure-2 {
    background: url("../images/specs/temperature-side@2x.png") no-repeat center; }
  .measure-block .measure-temperature_sensor.measure-3 {
    background: url("../images/specs/temperature-top@2x.png") no-repeat center; }
  .measure-block .measure-motion_sensor.measure-1 {
    background: url("../images/specs/motion-front@2x.png") no-repeat center; }
  .measure-block .measure-motion_sensor.measure-2 {
    background: url("../images/specs/motion-left@2x.png") no-repeat center; }
  .measure-block .measure-motion_sensor.measure-3 {
    background: url("../images/specs/motion-top@2x.png") no-repeat center; }
  .measure-block .measure-multi_switch.measure-1 {
    background: url("../images/specs/multiswitch-front@2x.png") no-repeat center;
    background-size: contain; }
  .measure-block .measure-multi_switch.measure-2 {
    background: url("../images/specs/multiswitch-persp@2x.png") no-repeat center;
    background-size: contain; }
  .measure-block .measure-multi_switch.measure-3 {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0; }
  .measure-block .measure-wired_regulator.measure-1 {
    background: url("../images/specs/wired-top@2x.png") no-repeat center; }
  .measure-block .measure-wired_regulator.measure-2 {
    background: url("../images/specs/wired-side@2x.png") no-repeat center; }
  .measure-block .measure-wired_regulator.measure-3 {
    background: url("../images/specs/wired-front@2x.png") no-repeat center; }
  .measure-block .measure-wireless_regulator.measure-1 {
    background: url("../images/specs/wireless-front@2x.png") no-repeat center; }
  .measure-block .measure-wireless_regulator.measure-2 {
    background: url("../images/specs/wireless-left@2x.png") no-repeat center; }
  .measure-block .measure-wireless_regulator.measure-3 {
    background: url("../images/specs/wireless-top@2x.png") no-repeat center; }
  .measure-block .measure-probe_sensor.measure-1 {
    background: url("../images/specs/probe-front@2x.png") no-repeat center; }
  .measure-block .measure-probe_sensor.measure-2 {
    background: url("../images/specs/probe-left@2x.png") no-repeat center; }
  .measure-block .measure-probe_sensor.measure-3 {
    background: url("../images/specs/probe-top@2x.png") no-repeat center; }
  .measure-block .measure-power_switch.measure-1 {
    background: url("../images/specs/power-front@2x.png") no-repeat center; }
  .measure-block .measure-power_switch.measure-2 {
    background: url("../images/specs/power-left@2x.png") no-repeat center; }
  .measure-block .measure-power_switch.measure-3 {
    background: url("../images/specs/power-top@2x.png") no-repeat center; }
  .measure-block .measure-boiler_switch.measure-1 {
    background: url("../images/specs/boiler-front@2x.png") no-repeat center; }
  .measure-block .measure-boiler_switch.measure-2 {
    background: url("../images/specs/boiler-left@2x.png") no-repeat center; }
  .measure-block .measure-boiler_switch.measure-3 {
    background: url("../images/specs/boiler-top@2x.png") no-repeat center; }
  .measure-block .measure-air_quality_sensor.measure-1 {
    background: url("../images/specs/air-front@2x.png") no-repeat center; }
  .measure-block .measure-air_quality_sensor.measure-2 {
    background: url("../images/specs/air-side@2x.png") no-repeat center; }
  .measure-block .measure-air_quality_sensor.measure-3 {
    background: url("../images/specs/air-top@2x.png") no-repeat center; }
  .measure-block .measure-smart_plug.measure-1 {
    background: url("../images/specs/wall_plug-front@2x.png") no-repeat center; }
  .measure-block .measure-smart_plug.measure-2 {
    background: url("../images/specs/wall_plug-side@2x.png") no-repeat center; }

.shop-article__compatible {
  background: white; }
  .shop-article__compatible .wrap {
    margin: 0 auto;
    max-width: 1250px;
    padding: 80px 0; }
  .shop-article__compatible .text__title {
    margin-bottom: 14px; }
  .shop-article__compatible .text__content {
    text-align: center; }
  .shop-article__compatible .compatibility-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    padding: 14px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .shop-article__compatible .comp {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 200px;
    margin: 14px; }
  .shop-article__compatible .picture {
    height: 177px;
    width: 177px;
    margin: 0 auto; }
    .shop-article__compatible .picture.gas_boiler {
      background: url("../images/heating/gas.png") no-repeat center; }
    .shop-article__compatible .picture.central_heating {
      background: url("../images/heating/central.png") no-repeat center; }
    .shop-article__compatible .picture.heat_pump {
      background: url("../images/heating/heat.png") no-repeat center; }
    .shop-article__compatible .picture.electricity {
      background: url("../images/heating/electricity.png") no-repeat center; }
    .shop-article__compatible .picture.gas_electricity {
      background: url("../images/heating/gas-electicity.png") no-repeat center; }
  .shop-article__compatible .body {
    text-align: center;
    padding: 14px; }
  .shop-article__compatible .text {
    font-size: 16px;
    line-height: 1.5; }
  .shop-article__compatible .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5; }

.shop-article__customize {
  background: #FCCC00;
  color: white; }
  .shop-article__customize .wrap {
    padding: 80px 14px;
    max-width: 1250px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 769px) {
      .shop-article__customize .wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    .shop-article__customize .wrap > div {
      -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
      flex: 1 1 0; }
  .shop-article__customize .text-block {
    text-align: right; }
    @media (max-width: 769px) {
      .shop-article__customize .text-block {
        text-align: center;
        margin-bottom: 22px; } }
    .shop-article__customize .text-block .text__title {
      text-align: right;
      margin-bottom: 14px; }
      @media (max-width: 769px) {
        .shop-article__customize .text-block .text__title {
          text-align: center; } }
    .shop-article__customize .text-block .text__content {
      margin-bottom: 40px; }
  .shop-article__customize .custom-set {
    background: white;
    color: #FCCC00;
    margin: 0;
    float: right; }
    @media (max-width: 769px) {
      .shop-article__customize .custom-set {
        float: none;
        margin: 0 auto; } }
  .shop-article__customize .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .shop-article__customize .picture-block .picture {
    width: 122px;
    height: 122px; }
    @media (max-width: 451px) {
      .shop-article__customize .picture-block .picture {
        width: 100px;
        height: 100px;
        background-size: cover; } }
    .shop-article__customize .picture-block .picture.base_station {
      background: url("../images/devices/small/base-station.png") no-repeat center; }
    .shop-article__customize .picture-block .picture.temperature_sensor {
      background: url("../images/devices/small/temperature.png") no-repeat center; }
    .shop-article__customize .picture-block .picture.motion_sensor {
      background: url("../images/devices/small/motion.png") no-repeat center; }
    .shop-article__customize .picture-block .picture.multi_switch {
      background: url("../images/devices/small/multiswitch.png") no-repeat center; }
    .shop-article__customize .picture-block .picture.wired_regulator {
      background: url("../images/devices/small/regulator.png") no-repeat center; }
    .shop-article__customize .picture-block .picture.wireless_regulator {
      background: url("../images/devices/small/wireless-regulator.png") no-repeat center; }

.device-page .article--setup {
  background: #F2F3F5; }

.device-page.set {
  word-break: normal; }
  .device-page.set .article--setup {
    background: white; }
  .device-page.set .shop-article__compatible {
    background: #F2F3F5; }

.promo__container {
  background: #F2F3F5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px 22px; }
  @media (max-width: 451px) {
    .promo__container {
      padding: 40px 14px; } }
  .promo__container .content--center {
    width: 100%;
    max-width: 760px; }
    .promo__container .content--center .text__title {
      margin-bottom: 28px;
      font-weight: bold; }
    .promo__container .content--center .text__subtitle {
      margin-bottom: 0; }
      @media (max-width: 451px) {
        .promo__container .content--center .text__subtitle {
          font-size: 16px;
          line-height: 24px;
          text-align: justify; } }
  @media (max-width: 451px) {
    .promo__container .text__subtitle {
      font-size: 16px;
      line-height: 24px;
      text-align: justify; } }
  .promo__container .form-group.has-error label {
    color: #FCCC00; }
  .promo__container .form-group.has-error:after {
    background: #FCCC00; }
  .promo__container .form-group .error-block {
    color: #FCCC00; }

.promo__title {
  height: 490px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/static/p-header.png") no-repeat;
  background-position: 55% 0;
  padding: 120px 14px;
  color: white; }
  @media (max-width: 451px) {
    .promo__title {
      padding: 40px 14px;
      background-size: cover; } }
  .promo__title .text__title {
    font-weight: lighter;
    padding-bottom: 22px; }
  .promo__title .text__subtitle {
    margin: 0; }

.promo__smart .list {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 14px; }
  @media (max-width: 769px) {
    .promo__smart .list {
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.promo__smart .list-column {
  min-width: 264px; }

.promo__smart .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 14px; }
  @media (max-width: 451px) {
    .promo__smart .item {
      width: 100%;
      padding: 14px 0; } }
  .promo__smart .item span {
    color: #80C036; }
  .promo__smart .item div {
    width: 250px;
    text-align: left;
    padding-left: 14px; }
    @media (max-width: 451px) {
      .promo__smart .item div {
        width: 200px;
        font-size: 16px;
        line-height: 24px;
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%; } }

.promo__save {
  background: #80C036;
  background: url("../images/static/leaf_p.png");
  color: white; }

.promo__remote {
  height: 310px;
  background: #E5E6EA; }
  @media (max-width: 769px) {
    .promo__remote {
      height: auto; }
      .promo__remote .action--platform {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .promo__remote .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .promo__remote .wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .promo__remote .wrap .image {
      background: url("../images/static/phone_app.png") no-repeat;
      background-position-x: 52%;
      width: 50%;
      left: 0;
      height: 310px;
      display: block; }
      @media (max-width: 769px) {
        .promo__remote .wrap .image {
          width: 100%;
          height: 200px;
          -webkit-flex: 1 0 200px;
          -ms-flex: 1 0 200px;
          flex: 1 0 200px;
          position: relative;
          background-position: top 9% left 52%; } }
    .promo__remote .wrap .body {
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 600px;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 80px;
      height: 100%;
      text-align: left;
      min-width: 320px; }
      @media (max-width: 769px) {
        .promo__remote .wrap .body {
          width: 100%;
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-height: 267px;
          max-width: 800px;
          min-width: 0;
          margin: 0;
          padding: 32px; } }
      @media (max-width: 451px) {
        .promo__remote .wrap .body {
          padding: 40px 14px;
          margin: 0; } }
      .promo__remote .wrap .body .text__title {
        margin-bottom: 22px;
        text-align: left; }
        @media (max-width: 769px) {
          .promo__remote .wrap .body .text__title {
            text-align: center; } }
      .promo__remote .wrap .body .text__subtitle {
        text-align: left; }
        @media (max-width: 451px) {
          .promo__remote .wrap .body .text__subtitle {
            text-align: justify; } }

.promo__easy {
  background: #F2F3F5;
  min-height: 310px; }
  .promo__easy .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .promo__easy .wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .promo__easy .wrap .image {
      background: url("../images/static/set_up.png") no-repeat;
      background-position-x: 40%;
      width: 50%;
      min-height: 310px;
      right: 0; }
      @media (max-width: 769px) {
        .promo__easy .wrap .image {
          width: 100%;
          height: 310px;
          min-height: 0;
          position: relative;
          background-position: top 25% left 40%; } }
    .promo__easy .wrap .body {
      max-width: 500px;
      min-width: 320px;
      text-align: right;
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 80px; }
      @media (max-width: 769px) {
        .promo__easy .wrap .body {
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-height: 190px;
          margin: 0;
          width: 100%;
          min-width: 0;
          max-width: 800px;
          padding: 32px 22px; } }
      @media (max-width: 451px) {
        .promo__easy .wrap .body {
          padding: 40px 14px;
          margin: 0; } }
      .promo__easy .wrap .body .text__title {
        text-align: right;
        margin-bottom: 22px; }
        @media (max-width: 769px) {
          .promo__easy .wrap .body .text__title {
            text-align: center; } }
      .promo__easy .wrap .body .text__body {
        font-size: 18px;
        line-height: 28px; }
        @media (max-width: 769px) {
          .promo__easy .wrap .body .text__body {
            text-align: center; } }
        @media (max-width: 451px) {
          .promo__easy .wrap .body .text__body {
            text-align: justify;
            font-size: 16px;
            line-height: 24px; } }

.promo__schedules {
  background: white; }
  .promo__schedules .content--center {
    width: 100%;
    max-width: 960px; }
  .promo__schedules .list-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .promo__schedules .list {
    width: 100%;
    max-width: 750px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 14px; }
    @media (max-width: 769px) {
      .promo__schedules .list {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .promo__schedules .card {
    background: #F3F3F4;
    margin: 8px;
    width: 180px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    margin-top: 14px; }
    .promo__schedules .card .title {
      font-size: 32px;
      line-height: 40px;
      padding-top: 14px; }
    .promo__schedules .card .pic-1 {
      background: url("../images/icons/comfort.svg") no-repeat center; }
    .promo__schedules .card .pic-2 {
      background: url("../images/icons/night.svg") no-repeat center; }
    .promo__schedules .card .pic-3 {
      background: url("../images/icons/eco.svg") no-repeat center; }
    .promo__schedules .card .pic {
      width: 100%;
      height: 80px;
      background-size: contain;
      margin: 14px 0;
      position: relative; }
    .promo__schedules .card .temp {
      font-size: 48px;
      line-height: 56px;
      font-weight: bold; }
      .promo__schedules .card .temp span {
        font-size: 24px; }

.promo__gift {
  height: 310px;
  background: #80C036;
  background: url("../images/static/gift_p.png");
  color: white; }
  @media (max-width: 769px) {
    .promo__gift {
      height: auto; } }
  .promo__gift .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .promo__gift .wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto; } }
    .promo__gift .wrap .image {
      background: url("../images/static/motion_gift.png") no-repeat center;
      background-position-x: 100%;
      background-position-y: 85%;
      background-size: 290px;
      width: 48%;
      left: 0;
      height: 310px;
      display: block; }
      @media (max-width: 769px) {
        .promo__gift .wrap .image {
          width: 100%;
          height: 278px;
          -webkit-flex: 1 0 278px;
          -ms-flex: 1 0 278px;
          flex: 1 0 278px;
          position: absolute;
          background-position: top 0 left 50%; } }
    .promo__gift .wrap .body {
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 80px;
      height: 100%;
      text-align: left;
      min-width: 280px; }
      @media (max-width: 769px) {
        .promo__gift .wrap .body {
          width: 100%;
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-height: 218px;
          max-width: 800px;
          min-width: 0;
          margin: 0;
          margin-top: 200px;
          padding: 32px; } }
      @media (max-width: 451px) {
        .promo__gift .wrap .body {
          padding: 40px 14px; } }
      .promo__gift .wrap .body .text__title {
        margin-bottom: 22px;
        text-align: left; }
        @media (max-width: 769px) {
          .promo__gift .wrap .body .text__title {
            text-align: center; } }
      .promo__gift .wrap .body .text__subtitle {
        text-align: left; }
        @media (max-width: 451px) {
          .promo__gift .wrap .body .text__subtitle {
            text-align: justify; } }

.promo__sets {
  background: white; }
  .promo__sets .content--center {
    max-width: 1250px; }
  .promo__sets .list {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 14px;
    font-size: 18px;
    line-height: 28px;
    text-align: center; }
    @media (max-width: 769px) {
      .promo__sets .list {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .promo__sets .set-card {
    -webkit-flex: 1 1 260px;
    -ms-flex: 1 1 260px;
    flex: 1 1 260px;
    max-width: 260px;
    margin: 8px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 14px; }
    @media (max-width: 992px) {
      .promo__sets .set-card {
        -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
        flex: 1 1 34%; } }
    @media (max-width: 600px) {
      .promo__sets .set-card {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 14px; } }
    @media (max-width: 451px) {
      .promo__sets .set-card {
        max-width: 300px;
        margin: 14px 0; } }
    .promo__sets .set-card .title {
      color: white;
      text-transform: uppercase;
      padding: 14px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      width: 100%;
      height: 240px; }
      @media (max-width: 600px) {
        .promo__sets .set-card .title {
          width: 100%; } }
      .promo__sets .set-card .title.promo_basic {
        background: url("../images/sets/promo/gas.png") center bottom no-repeat;
        background-size: contain; }
      .promo__sets .set-card .title.promo_one {
        background: url("../images/sets/promo/1_room.png") center bottom no-repeat;
        background-size: contain; }
      .promo__sets .set-card .title.promo_two {
        background: url("../images/sets/promo/2_room.png") center bottom no-repeat;
        background-size: contain; }
      .promo__sets .set-card .title.promo_three {
        background: url("../images/sets/promo/3_room.png") center bottom no-repeat;
        background-size: contain; }
    .promo__sets .set-card .content {
      background: #E5E6EA;
      padding: 28px; }
  .promo__sets .learn-more {
    margin-top: 14px;
    width: 100%;
    max-width: 130px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    background: none;
    border: 1px solid; }
  .promo__sets .terms {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding-bottom: 14px;
    font-weight: lighter; }

.promo__container .promo_basic.set-card, .promo__container .promo_basic.button--buy, .promo__container .promo_basic .text__title {
  background: #92C4EA; }

.promo__container .promo_basic .learn-more, .promo__container .promo_basic .price {
  color: #92C4EA; }

.promo__container .promo_one.set-card, .promo__container .promo_one.button--buy, .promo__container .promo_one .text__title {
  background: #B5D668; }

.promo__container .promo_one .learn-more, .promo__container .promo_one .price {
  color: #B5D668; }

.promo__container .promo_two.set-card, .promo__container .promo_two.button--buy, .promo__container .promo_two .text__title {
  background: #FFCE4D; }

.promo__container .promo_two .learn-more, .promo__container .promo_two .price {
  color: #FFCE4D; }

.promo__container .promo_three.set-card, .promo__container .promo_three.button--buy, .promo__container .promo_three .text__title {
  background: #F58552; }

.promo__container .promo_three .learn-more, .promo__container .promo_three .price {
  color: #F58552; }

.promo__container .button--buy {
  width: 100%;
  height: 36px;
  line-height: 36px; }

.promo__container .option {
  text-align: left; }

.promo__container .bold {
  font-weight: bold; }

.promo__container .price {
  font-size: 28px; }

.promo__container .price--large {
  font-size: 50px; }

.promo__container .rent, .promo__container .full {
  line-height: 24px; }
  .promo__container .rent .radio, .promo__container .full .radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 5px 0 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #7F8289;
    background: white; }
    .promo__container .rent .radio .checked, .promo__container .full .radio .checked {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: -6px 22px 0px 5px;
      vertical-align: middle;
      border-radius: 50%; }
      .promo__container .rent .radio .checked.active, .promo__container .full .radio .checked.active {
        background-color: #7F8289; }

.promo__container .full {
  padding-bottom: 14px; }

.promo__container input[type="radio"], .promo__container input[type="checkbox"] {
  display: none; }
  .promo__container input[type="radio"] + label .radio, .promo__container input[type="checkbox"] + label .radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 3px 22px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 #7F8289; }
  .promo__container input[type="radio"] + label .radio, .promo__container input[type="checkbox"] + label .radio {
    position: absolute;
    margin-left: -30px; }
  .promo__container input[type="radio"] + label .radio, .promo__container input[type="checkbox"] + label .radio {
    background-color: white; }
  .promo__container input[type="radio"] + label .radio .checked, .promo__container input[type="checkbox"] + label .radio .checked {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -10px 22px 0px 5px;
    vertical-align: middle;
    border-radius: 50%; }
  .promo__container input[type="radio"]:checked + label .radio .checked, .promo__container input[type="checkbox"]:checked + label .radio .checked {
    background-color: #7F8289; }
  .promo__container input[type="radio"] + label .radio,
  .promo__container input[type="radio"]:checked + label .radio, .promo__container input[type="checkbox"] + label .radio,
  .promo__container input[type="checkbox"]:checked + label .radio {
    transition: background-color 0.3s linear; }

.promo__reviews {
  background: #E5E6EA; }
  .promo__reviews .review {
    text-align: center;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    font-weight: lighter; }
  .promo__reviews .pic-1 {
    background: url("../images/static/atsauksme_21.png") no-repeat center; }
  .promo__reviews .pic-2 {
    background: url("../images/static/atsauksme_22.png") no-repeat center; }
  .promo__reviews .pic-3 {
    background: url("../images/static/janis.png") no-repeat center; }
  .promo__reviews .pic {
    height: 100px;
    background-size: contain;
    margin: 14px;
    position: relative; }

.promo__contact {
  background: #80C036;
  background: url("../images/static/leaf_p.png");
  color: white;
  text-align: center;
  font-weight: lighter;
  padding: 40px 14px; }
  .promo__contact .address {
    font-size: 24px;
    line-height: 32px; }
  .promo__contact .other {
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0; }
  .promo__contact .footer__social {
    height: 40px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.promo__footer {
  padding: 14px 22px 14px 22px; }

.promo_set-heading {
  height: 300px;
  color: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .promo_set-heading.promo_basic {
    background: url("../images/static/boiler_header.png") no-repeat;
    background-position: right 67% top 0; }
    @media (max-width: 1050px) {
      .promo_set-heading.promo_basic {
        background-position: right -700px top 0; } }
    @media (max-width: 769px) {
      .promo_set-heading.promo_basic {
        background-position: right -400px top 0; } }
  .promo_set-heading.promo_one {
    background: url("../images/static/1_room_header.png") no-repeat;
    background-position: right 67% top 0; }
    @media (max-width: 1050px) {
      .promo_set-heading.promo_one {
        background-position: right -600px top 0; } }
    @media (max-width: 992px) {
      .promo_set-heading.promo_one {
        background-position: right -100px top 0; } }
    @media (max-width: 769px) {
      .promo_set-heading.promo_one {
        background-position: right -350px top 0; } }
  .promo_set-heading.promo_two {
    background: url("../images/static/2_room_header.png") no-repeat;
    background-position-x: 50%; }
    @media (max-width: 1200px) {
      .promo_set-heading.promo_two {
        background-position-x: -350px; } }
    @media (max-width: 1050px) {
      .promo_set-heading.promo_two {
        background-position: right -600px top 0; } }
    @media (max-width: 992px) {
      .promo_set-heading.promo_two {
        background-position: right 0 top 0; } }
    @media (max-width: 769px) {
      .promo_set-heading.promo_two {
        background-position: right -250px top 0; } }
  .promo_set-heading.promo_three {
    background: url("../images/static/3_room_header.png") no-repeat;
    background-position-x: 50%; }
    @media (max-width: 1200px) {
      .promo_set-heading.promo_three {
        background-position-x: -350px; } }
    @media (max-width: 1050px) {
      .promo_set-heading.promo_three {
        background-position: right -600px top 0; } }
    @media (max-width: 992px) {
      .promo_set-heading.promo_three {
        background-position: right 0 top 0; } }
    @media (max-width: 769px) {
      .promo_set-heading.promo_three {
        background-position: right -250px top 0; } }
  .promo_set-heading .heading-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media (max-width: 1050px) {
      .promo_set-heading .heading-container {
        -webkit-flex-basis: 440px;
        -ms-flex-preferred-size: 440px;
        flex-basis: 440px; } }
  .promo_set-heading .title, .promo_set-heading .subtitle {
    padding: 7px 14px; }
  .promo_set-heading .title {
    font-weight: lighter; }
  .promo_set-heading .subtitle {
    width: 100%;
    font-size: 28px;
    line-height: 36px;
    text-align: left;
    text-transform: uppercase; }

.promo-specification {
  background: #E5E6EA; }
  .promo-specification, .promo-specification .text__title, .promo-specification .text__content, .promo-specification .specification__animation {
    color: #676A6F; }
  .promo-specification svg {
    height: 60px;
    padding-bottom: 14px; }
  .promo-specification .set__devices .fill {
    fill: #676A6F; }
  .promo-specification .set__devices .active {
    background: none;
    color: #80C036; }
    .promo-specification .set__devices .active .fill {
      fill: #80C036; }
  .promo-specification .set__devices .set__device {
    width: 240px; }
  .promo-specification .device__slider {
    height: 380px; }
    @media (max-width: 769px) {
      .promo-specification .device__slider {
        height: 710px; } }
    @media (max-width: 600px) {
      .promo-specification .device__slider {
        height: 784px; } }
    @media (max-width: 451px) {
      .promo-specification .device__slider {
        height: 736px; } }
  .promo-specification .full-width {
    width: 100%; }
  .promo-specification .description__content {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 769px) {
      .promo-specification .description__content {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .promo-specification .description__content .description__text {
      max-width: 600px;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center; }
    .promo-specification .description__content .description__text, .promo-specification .description__content .description__text .text__title {
      text-align: right; }
      @media (max-width: 769px) {
        .promo-specification .description__content .description__text, .promo-specification .description__content .description__text .text__title {
          text-align: left; } }
  .promo-specification .pic {
    width: 50%;
    height: 380px;
    right: 0; }
    @media (max-width: 992px) {
      .promo-specification .pic {
        width: 48%; } }
    @media (max-width: 769px) {
      .promo-specification .pic {
        width: 100%;
        height: 310px;
        min-height: 0;
        position: relative;
        background-position: top 25% left 40%; } }
  .promo-specification .pic-base_station {
    background: url("../images/static/base.png") no-repeat;
    background-position-x: 19%; }
    @media (max-width: 451px) {
      .promo-specification .pic-base_station {
        background-size: cover; } }
  .promo-specification .pic-temperature_sensor {
    background: url("../images/static/temperature.png") no-repeat;
    background-position-x: 19%; }
    @media (max-width: 769px) {
      .promo-specification .pic-temperature_sensor {
        background-position-y: 55%; } }
    @media (max-width: 451px) {
      .promo-specification .pic-temperature_sensor {
        background-position-x: 24%; } }
  .promo-specification .pic-wireless_regulator {
    background: url("../images/static/regulator.png") no-repeat;
    background-position-x: 40% !important; }
    @media (max-width: 451px) {
      .promo-specification .pic-wireless_regulator {
        background-position-x: 44% !important; } }
  .promo-specification .pic-boiler_switch {
    background: url("../images/static/boiler_switch.png") no-repeat;
    background-position-x: 17%; }
    @media (max-width: 769px) {
      .promo-specification .pic-boiler_switch {
        background-position-y: 55%; } }
    @media (max-width: 451px) {
      .promo-specification .pic-boiler_switch {
        background-position-x: 15%; } }
  .promo-specification .wrap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 80px 0; }
    @media (max-width: 451px) {
      .promo-specification .wrap {
        padding: 40px 0; } }
  .promo-specification .specification__slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 430px; }
    @media (max-width: 1050px) {
      .promo-specification .specification__slider {
        height: 600px; } }
    @media (max-width: 769px) {
      .promo-specification .specification__slider {
        height: 676px; } }
    @media (max-width: 600px) {
      .promo-specification .specification__slider {
        height: 1122px; } }
    @media (max-width: 451px) {
      .promo-specification .specification__slider {
        height: 1114px; } }
  .promo-specification .wireless {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .promo-specification .power {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .promo-specification .size {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .promo-specification .operating {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .promo-specification .internet {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .promo-specification .warranty {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }

.promo_home_config {
  color: #676A6F; }
  .promo_home_config .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .promo_home_config .text__title {
    width: 100%;
    padding-bottom: 32px; }
  .promo_home_config .home-config-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    @media (max-width: 769px) {
      .promo_home_config .home-config-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .promo_home_config .home-config-container .option {
      padding-left: 30px; }
  .promo_home_config .sliders {
    -webkit-flex-basis: 360px;
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px; }
    .promo_home_config .sliders .title {
      font-size: 24px;
      line-height: 32px;
      font-weight: bold; }
    .promo_home_config .sliders .mini {
      color: #7F8289; }
  .promo_home_config .content {
    -webkit-flex-basis: 360px;
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px;
    font-size: 18px;
    line-height: 28px;
    padding: 0 28px 28px 80px; }
    @media (max-width: 769px) {
      .promo_home_config .content {
        padding: 28px; } }
    @media (max-width: 600px) {
      .promo_home_config .content {
        padding: 28px 0; } }
    .promo_home_config .content .title {
      font-size: 24px;
      line-height: 32px;
      font-weight: bold;
      text-transform: uppercase;
      padding-bottom: 14px; }
    .promo_home_config .content .items {
      font-size: 14px;
      line-height: 24px;
      padding-bottom: 20px; }
      .promo_home_config .content .items .item {
        transition: 0.5s linear; }
        .promo_home_config .content .items .item.ng-animate {
          color: #80C036; }
  .promo_home_config .button {
    margin-top: 14px; }
  .promo_home_config .slider-container {
    height: 46px;
    margin: 40px 0 0 0; }
  .promo_home_config count-slider, .promo_home_config [count-slider] {
    width: 100%;
    height: 60px; }
  .promo_home_config .knob {
    position: absolute;
    display: block;
    height: 67px;
    width: 63px;
    top: -37px;
    left: -22px;
    z-index: 10;
    cursor: pointer; }
  .promo_home_config .rail {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 5px;
    position: relative;
    background: #CDD0D5; }
    .promo_home_config .rail .tooltip {
      position: absolute;
      color: white;
      font-size: 18px;
      font-weight: bold;
      width: 80px;
      border-radius: 3px;
      text-align: center;
      top: -64px !important;
      padding: 8px 12px;
      background: #80C036; }
      @media (max-width: 451px) {
        .promo_home_config .rail .tooltip {
          font-size: 16px;
          width: 59px;
          padding: 15px 0; } }
      .promo_home_config .rail .tooltip .tooltip-arrow {
        position: absolute;
        bottom: -7px;
        left: 42%;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #80C036; }
        @media (max-width: 451px) {
          .promo_home_config .rail .tooltip .tooltip-arrow {
            left: 38%; } }
    .promo_home_config .rail .progress {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: #80C036;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      max-width: 0; }
    .promo_home_config .rail .marker-container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: absolute;
      width: 100%;
      height: 20px;
      top: -8px; }
    .promo_home_config .rail .marker {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 20px;
      height: 20px;
      display: block;
      border-radius: 16px;
      background: white;
      border: 3px solid #CDD0D5;
      top: -8px;
      z-index: 5; }
      .promo_home_config .rail .marker:after {
        content: '';
        transition: all .4s ease-in-out;
        opacity: 0;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2); }
      .promo_home_config .rail .marker.active {
        background: #80C036;
        border-color: #80C036; }
        .promo_home_config .rail .marker.active:not(.v-0):after {
          content: '';
          background-image: url("../images/icons/house2.svg");
          height: 19px;
          width: 18px;
          position: relative;
          display: block;
          top: -30px;
          left: -2px;
          opacity: 1;
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }
  .promo_home_config .scale {
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    color: #CDD0D5;
    padding: 0; }
    .promo_home_config .scale .scale--value {
      width: 20px;
      height: 16px;
      padding: 0; }
    .promo_home_config .scale .active:not(.v-0) {
      color: #676A6F; }

.promo__order {
  color: #676A6F;
  background: white;
  padding: 80px 14px; }
  @media (max-width: 451px) {
    .promo__order {
      padding-top: 14px;
      padding-bottom: 40px; } }
  .promo__order .wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .promo__order .text__title, .promo__order .order-details {
    width: 100%; }
  .promo__order .person_type {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    max-width: 600px;
    padding-top: 14px; }
    @media (max-width: 451px) {
      .promo__order .person_type {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .promo__order .person_type .button {
      text-transform: none;
      height: 30px;
      line-height: 30px; }
      .promo__order .person_type .button.not_selected {
        background: none;
        color: #676A6F; }
  .promo__order .order-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 769px) {
      .promo__order .order-details {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .promo__order .order-details--container {
    -webkit-flex: 0 0 400px;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    padding: 32px; }
    @media (max-width: 992px) {
      .promo__order .order-details--container {
        -webkit-flex: 0 0 375px;
        -ms-flex: 0 0 375px;
        flex: 0 0 375px; } }
    @media (max-width: 451px) {
      .promo__order .order-details--container {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 32px 0; } }
  .promo__order .title {
    color: #80C036;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px; }
  .promo__order .title--set-up {
    padding-top: 32px; }
  .promo__order .option {
    padding-left: 40px;
    width: 100%;
    border-radius: 3px;
    background: #F3F3F4;
    margin-top: 14px; }
    .promo__order .option label {
      height: 60px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    .promo__order .option input[type="radio"] + label .radio,
    .promo__order .option input[type="checkbox"] + label .radio {
      position: relative;
      margin: auto auto auto -30px;
      -webkit-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
      flex: 0 0 20px;
      min-width: 0; }
      .promo__order .option input[type="radio"] + label .radio .checked,
      .promo__order .option input[type="checkbox"] + label .radio .checked {
        margin-top: 5px; }
    .promo__order .option input[type="checkbox"] + label span {
      border-radius: 15%;
      margin: -1px 15px 0 0; }
    .promo__order .option input[type="checkbox"] + label span .checked {
      border-radius: 15%;
      margin: 5px 15px 0 5px; }
    .promo__order .option input[type="checkbox"] + label span {
      position: absolute;
      margin-left: -30px; }
    .promo__order .option .fa {
      width: 60px; }
    .promo__order .option .text {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .promo__order .option .text--price {
      font-weight: bold;
      font-size: 18px;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right;
      padding: 14px; }
      @media (max-width: 451px) {
        .promo__order .option .text--price {
          padding: 14px 7px; } }
    .promo__order .option .sub-text {
      font-size: 12px; }
      .promo__order .option .sub-text br {
        display: none; }
  .promo__order .error {
    background-color: #FB5859;
    position: relative;
    color: white;
    max-width: 420px;
    margin: 14px auto;
    padding: 14px;
    border-radius: 3px; }
    .promo__order .error .text {
      text-align: left;
      margin-right: 30px; }
    .promo__order .error .alert {
      position: absolute;
      right: 25px;
      top: 35%;
      font-size: 28px;
      opacity: 0.6; }
  .promo__order .order-end {
    text-align: center; }
    .promo__order .order-end div {
      font-size: 18px;
      padding-bottom: 14px; }
    .promo__order .order-end span {
      font-weight: bold; }
    .promo__order .order-end select {
      font: inherit;
      color: inherit;
      border: none;
      box-shadow: 0 0 2px 0 #7F8289; }
    .promo__order .order-end .total {
      color: #80C036;
      font-weight: bold; }
    .promo__order .order-end .button {
      max-width: 220px; }
      .promo__order .order-end .button.disabled {
        cursor: not-allowed;
        background: #CDD0D5; }
    .promo__order .order-end .option--terms {
      background: none;
      margin-top: 0;
      padding-left: 0; }
      @media (max-width: 451px) {
        .promo__order .order-end .option--terms {
          width: 260px;
          margin: 0 auto;
          padding-left: 40px; } }
      .promo__order .order-end .option--terms div {
        padding-bottom: 0;
        padding-left: 14px; }
      .promo__order .order-end .option--terms label {
        height: 18px; }
        @media (max-width: 451px) {
          .promo__order .order-end .option--terms label {
            height: 36px; } }
      .promo__order .order-end .option--terms input[type="checkbox"] + label span {
        border-radius: 15%;
        margin: -1px 15px 0 0; }
      .promo__order .order-end .option--terms input[type="checkbox"] + label span .checked {
        border-radius: 15%;
        margin: 5px 15px 0 5px; }
      .promo__order .order-end .option--terms input[type="checkbox"] + label span {
        margin-right: -15px;
        margin-left: 0; }
      .promo__order .order-end .option--terms a {
        display: inline;
        text-transform: inherit;
        font-weight: inherit;
        color: #e27474; }

.promo__order--success .content--center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .promo__order--success .content--center .text__title {
    margin: 0; }

.promo__order--success .fa {
  color: #80C036;
  font-size: 7em; }

.promo__order--success .text__title {
  font-size: 32px;
  padding: 14px 0;
  margin: 0; }

.promo__order--success .text__subtitle {
  font-size: 22px; }

body.aside-open {
  overflow: hidden; }

#cart {
  width: 420px;
  padding: 28px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 451px) {
    #cart {
      width: 100%;
      padding-top: 0;
      padding-bottom: 0; } }
  #cart hr {
    height: 1px;
    color: #F2F3F5;
    background-color: #F2F3F5;
    border: none; }
  #cart .close {
    text-transform: uppercase;
    text-decoration: none;
    color: #7F8289;
    display: block;
    padding: 14px 0; }
  #cart .heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0; }
    #cart .heading .title {
      line-height: 48px;
      color: #7F8289; }
      #cart .heading .title::before {
        content: url("../images/icons/cart.svg") center no-repeat;
        margin-right: 8px; }
  #cart .empty {
    color: #7F8289;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 28px 0; }
  #cart .totals {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 28px 0 14px; }
  #cart .subtotal .title {
    font-size: 18px;
    line-height: 28px; }
  #cart .subtotal .text {
    font-size: 12px;
    line-height: 20px;
    color: #7F8289; }
  #cart .price {
    font-size: 24px;
    color: #80C036;
    line-height: 48px; }
  #cart .checkout {
    display: block;
    margin: 14px 0;
    color: white;
    padding: 14px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background-color: #80C036;
    border-radius: 3px; }
    #cart .checkout:hover {
      background: #6DAA28;
      color: white; }
  #cart .continue {
    display: block;
    margin: 28px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #7F8289; }
    #cart .continue::before {
      content: '<';
      margin-right: 2px;
      font-size: 20px; }
  #cart .product {
    background-color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #cart .product.animate {
      transition: background-color 0.5s ease;
      background-color: #F2F3F5; }
    @media (max-width: 451px) {
      #cart .product {
        padding: 0;
        margin: 0 -28px; } }
    #cart .product .remove {
      padding: 0;
      text-decoration: none;
      color: #7F8289;
      display: block;
      font-size: 22px; }
      #cart .product .remove:hover {
        color: #31343B; }
    #cart .product .media {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
      flex: 1 1 0;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 8px; }
      @media (max-width: 451px) {
        #cart .product .media {
          max-width: 240px; } }
    #cart .product .picture {
      width: 122px;
      height: 122px;
      margin: 8px; }
      @media (max-width: 451px) {
        #cart .product .picture {
          width: 100px;
          height: 100px; } }
      #cart .product .picture.base_station {
        background: url("../images/devices/small//base-station.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.motion_sensor {
        background: url("../images/devices/small//motion.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.temperature_sensor {
        background: url("../images/devices/small//temperature.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.wired_regulator {
        background: url("../images/devices/small//regulator.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.wireless_regulator {
        background: url("../images/devices/small//wireless-regulator.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.multi_switch {
        background: url("../images/devices/small//multiswitch.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.probe_sensor {
        background: url("../images/devices/large/probe.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.power_switch {
        background: url("../images/devices/large/power.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.boiler_switch {
        background: url("../images/devices/large/boiler.png") center no-repeat;
        background-size: contain; }
      #cart .product .picture.air_quality_sensor {
        background: url("../images/devices/large/air.png") center no-repeat;
        background-size: contain; }
    #cart .product .body {
      height: 28px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #cart .product .body .name {
        line-height: 28px; }
    #cart .product .quantity {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: #7F8289; }
      #cart .product .quantity a {
        color: #7F8289;
        text-decoration: none;
        padding: 0 8px;
        font-size: 22px; }
        #cart .product .quantity a:hover {
          color: #31343B; }
    #cart .product .qty {
      color: #7F8289;
      transition: color 0.5s ease;
      font-size: 12px;
      line-height: 26px;
      margin-right: 12px;
      white-space: nowrap; }
    #cart .product .action {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: end;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #cart .product .action .price {
        font-size: 18px;
        line-height: 28px;
        color: #31343B;
        white-space: nowrap; }
  #cart a:hover {
    color: #31343B; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../../vendor/font-awesome-4.4.0/fonts/fontawesome-webfont.eot");
  font-weight: normal;
  font-style: normal; }

.support__faq {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .support__faq .faq__wrap {
    box-sizing: content-box !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 22px 14px;
    max-width: 1250px;
    padding-bottom: 22px;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%; }
    @media (max-width: 769px) {
      .support__faq .faq__wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .support__faq .faq-item {
    padding-bottom: 22px; }
    .support__faq .faq-item iframe {
      width: 640px;
      height: 360px; }
      @media (max-width: 992px) {
        .support__faq .faq-item iframe {
          width: 100%; } }
      @media (max-width: 451px) {
        .support__faq .faq-item iframe {
          height: 180px; } }
  .support__faq .tabs-links li {
    padding-top: 22px; }
    @media (max-width: 769px) {
      .support__faq .tabs-links li {
        padding: 11px 0; } }
  @media (max-width: 769px) and (max-width: 600px) {
    .support__faq .tabs-links li {
      padding: 0; }
      .support__faq .tabs-links li.toggled {
        padding: 11px 0; }
      .support__faq .tabs-links li.active {
        padding: 11px 0; } }
  .support__faq .tabs-links a {
    text-transform: capitalize;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #7F8289; }
    .support__faq .tabs-links a.active {
      color: #80C036; }
      @media (max-width: 600px) {
        .support__faq .tabs-links a.active:after {
          font-family: FontAwesome;
          content: "\f0d7";
          padding-left: 10px; }
        .support__faq .tabs-links a.active.toggled:after {
          font-family: FontAwesome;
          content: "\f0d8"; } }
    @media (max-width: 600px) {
      .support__faq .tabs-links a:not(.active) {
        display: none; }
      .support__faq .tabs-links a.toggled {
        display: block; } }
    .support__faq .tabs-links a:hover {
      color: #6DAA28;
      cursor: pointer; }
  .support__faq .tabs.menu {
    width: 20%;
    font-size: 18px;
    line-height: 28px; }
    .support__faq .tabs.menu .pinned {
      width: 18.5%; }
    @media (max-width: 769px) {
      .support__faq .tabs.menu {
        width: 100%;
        min-height: 50px; } }
    .support__faq .tabs.menu .tabs-links.pinned {
      position: fixed;
      top: 56px; }
    @media (max-width: 769px) {
      .support__faq .tabs.menu .tabs-links {
        background: #FFFFFF;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
  @media (max-width: 769px) and (max-width: 600px) {
    .support__faq .tabs.menu .tabs-links {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
    @media (max-width: 769px) {
        .support__faq .tabs.menu .tabs-links.pinned {
          position: fixed;
          top: 0;
          width: 100%;
          left: 0; }
        .support__faq .tabs.menu .tabs-links.shadow {
          box-shadow: 1px 2px 5px grey; } }
  .support__faq .tabs.content {
    width: 80%;
    margin-left: 20px;
    padding: 22px 0;
    font-size: 18px; }
    @media (max-width: 769px) {
      .support__faq .tabs.content {
        margin-left: 0;
        width: 100%; } }
  .support__faq .question {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 10px; }
  .support__faq .answers {
    line-height: 28px; }
    .support__faq .answers sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
      top: -0.5em;
      z-index: -1; }
    .support__faq .answers a {
      text-transform: none;
      display: inline-block;
      color: #80C036; }
      .support__faq .answers a:hover {
        color: #6DAA28; }

.solutions__list {
  width: 100%;
  background: #F2F3F5; }
  .solutions__list .item__media {
    padding-top: 0;
    height: 200px; }

.solution__title {
  padding: 32px 0; }

.solutions__wrap {
  max-width: 1250px;
  padding-bottom: 40px;
  margin: 0 auto; }
  .solutions__wrap .solutions__heading {
    padding: 22px 22px 0 22px; }
    .solutions__wrap .solutions__heading .text__title {
      padding-bottom: 12px; }
  .solutions__wrap .solutions__help {
    padding: 28px; }
    @media (max-width: 451px) {
      .solutions__wrap .solutions__help {
        padding-bottom: 0; } }
    .solutions__wrap .solutions__help .solutions__help--text {
      font-size: 24px;
      line-height: 32px;
      color: #676A6F;
      text-align: center;
      font-weight: bold; }
    .solutions__wrap .solutions__help .solutions__help--contact {
      font-size: 18px;
      line-height: 32px;
      color: #676A6F;
      text-align: center; }
  .solutions__wrap .solutions__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .solutions__wrap .solution__item {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: none;
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin: 22px;
    max-width: 350px;
    min-width: 350px;
    height: 330px; }
    @media (max-width: 769px) {
      .solutions__wrap .solution__item {
        max-width: 340px;
        min-width: 340px; } }
    @media (max-width: 451px) {
      .solutions__wrap .solution__item {
        min-width: 280px;
        max-width: none;
        height: auto;
        margin: 22px 8px; } }
  .solutions__wrap .solution__media .image {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 200px;
    max-width: 100%;
    margin: 12px; }
    @media (max-width: 451px) {
      .solutions__wrap .solution__media .image {
        height: 160px; } }
  .solutions__wrap .solution__media .solution-1 {
    background: url("../images/solutions/small/simple_istaba.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-2 {
    background: url("../images/solutions/small/2istabas.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-3 {
    background: url("../images/solutions/small/grida2.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-4 {
    background: url("../images/solutions/small/grida.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-5 {
    background: url("../images/solutions/small/stavvadi.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-6 {
    background: url("../images/solutions/small/stavvadi2.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__media .solution-7 {
    background: url("../images/solutions/small/ele.png") no-repeat top;
    background-size: contain; }
  .solutions__wrap .solution__title {
    font-weight: bold;
    text-align: center;
    padding: 0 12px 12px 12px; }
  .solutions__wrap .solution__subtitle {
    font-weight: normal;
    text-align: center;
    line-height: 26px;
    padding: 0 12px 12px 12px; }

.item__media {
  height: 200px;
  width: 100%;
  background-color: #E5E6EA; }
  .item__media .media {
    height: 100%; }
  .item__media .solution-1 {
    background: url("../images/solutions/headers/gaz.png") no-repeat top; }
  .item__media .solution-2 {
    background: url("../images/solutions/headers/radiator.png") no-repeat top; }
  .item__media .solution-3 {
    background: url("../images/solutions/headers/heating.png") no-repeat top; }
  .item__media .solution-4 {
    background: url("../images/solutions/headers/radiator.png") no-repeat top; }
  .item__media .solution-5 {
    background: url("../images/solutions/headers/home.png") no-repeat top; }
  .item__media .solution-6 {
    background: url("../images/solutions/headers/home.png") no-repeat top; }
  .item__media .solution-7 {
    background: url("../images/solutions/headers/elec.png") no-repeat top; }
  .item__media .main__header {
    background: url("../images/solutions/headers/main.png") no-repeat bottom; }

.solution__wrap {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  height: 100%; }
  .solution__wrap .item__content {
    padding: 22px 14px;
    padding-top: 0; }
    .solution__wrap .item__content .item-heading .solution__media .image {
      height: 666px;
      max-width: 100%;
      margin: 12px; }
      @media (max-width: 1050px) {
        .solution__wrap .item__content .item-heading .solution__media .image {
          height: 587px; } }
      @media (max-width: 992px) {
        .solution__wrap .item__content .item-heading .solution__media .image {
          height: 475px; } }
      @media (max-width: 769px) {
        .solution__wrap .item__content .item-heading .solution__media .image {
          height: 350px; } }
      @media (max-width: 600px) {
        .solution__wrap .item__content .item-heading .solution__media .image {
          height: 238px; } }
      @media (max-width: 451px) {
        .solution__wrap .item__content .item-heading .solution__media .image {
          height: 160px; } }
    .solution__wrap .item__content .item-heading .LV .solution-1 {
      background: url("../images/solutions/large/LV/simple_istaba.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-2 {
      background: url("../images/solutions/large/LV/2istabas.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-3 {
      background: url("../images/solutions/large/LV/grida2.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-4 {
      background: url("../images/solutions/large/LV/grida.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-5 {
      background: url("../images/solutions/large/LV/stavvadi.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-6 {
      background: url("../images/solutions/large/LV/stavvadi2.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .LV .solution-7 {
      background: url("../images/solutions/large/LV/ele.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-1 {
      background: url("../images/solutions/large/EN/simple_istaba.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-2 {
      background: url("../images/solutions/large/EN/2istabas.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-3 {
      background: url("../images/solutions/large/EN/grida2.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-4 {
      background: url("../images/solutions/large/EN/grida.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-5 {
      background: url("../images/solutions/large/EN/stavvadi.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-6 {
      background: url("../images/solutions/large/EN/stavvadi2.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading .EN .solution-7 {
      background: url("../images/solutions/large/EN/ele.png") no-repeat top;
      background-size: contain; }
    .solution__wrap .item__content .item-heading p {
      text-indent: 2em; }
    .solution__wrap .item__content .item-list {
      padding-top: 28px; }
      .solution__wrap .item__content .item-list .list__heading, .solution__wrap .item__content .item-list li {
        line-height: 28px; }
      .solution__wrap .item__content .item-list ul {
        padding-left: 2em; }
      .solution__wrap .item__content .item-list li {
        list-style-type: circle; }
        .solution__wrap .item__content .item-list li a {
          color: inherit;
          font-size: inherit;
          text-transform: inherit; }
    .solution__wrap .item__content .item-text {
      height: 100%;
      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-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%; }
      @media (max-width: 769px) {
        .solution__wrap .item__content .item-text {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .solution__wrap .item__content .item-text .item__container {
        width: 100%; }
        .solution__wrap .item__content .item-text .item__container .text__content p {
          text-indent: 2em; }
      .solution__wrap .item__content .item-text .question {
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        line-height: 32px; }
    .solution__wrap .item__content .nav__buttons {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 40px 0; }
      .solution__wrap .item__content .nav__buttons a {
        text-transform: none;
        color: #7F8289; }
        .solution__wrap .item__content .nav__buttons a:hover {
          color: #6DAA28; }

body.modal-open {
  overflow: hidden; }

.modal__close {
  position: absolute;
  right: 5px;
  color: #FFFFFF;
  padding: 10px;
  font-size: 34px;
  font-weight: 400;
  opacity: 0.3; }
  .modal__close:hover {
    opacity: 0.6;
    cursor: pointer; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5); }

#modal-play-video {
  z-index: 101;
  position: fixed;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); }
  @media (max-width: 769px) {
    #modal-play-video {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: none;
      border-radius: 0; } }

.modal--terms {
  padding: 32px; }
  @media (max-width: 451px) {
    .modal--terms {
      padding: 14px 0; } }
  .modal--terms .modal__close {
    top: 0;
    color: #676A6F; }
  .modal--terms .menu__logo {
    background: url("../images/icons//istabai.png") no-repeat left;
    background-size: 197px 50px;
    display: block;
    height: 50px;
    margin-left: 14px;
    width: 250px; }
    @media (max-width: 451px) {
      .modal--terms .menu__logo {
        background-size: 99px 25px;
        height: 25px; } }
  .modal--terms .terms-container {
    width: 100%;
    height: calc(100% - 50px - 32px);
    padding: 14px;
    max-width: 1250px;
    overflow-y: scroll;
    font-size: 14px;
    line-height: 24px;
    text-align: justify; }
    .modal--terms .terms-container .terms-title, .modal--terms .terms-container .terms-subtitle {
      font-weight: bold;
      padding: 14px 0; }
    .modal--terms .terms-container .no-bold {
      font-weight: normal; }
  .modal--terms .download {
    padding: 14px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    text-transform: none; }

body.modal-open {
  overflow: hidden; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5); }

#contact-form .content {
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(115, 118, 116, 0.5);
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: -200px;
  z-index: 1041;
  background: #FFFFFF;
  width: 400px;
  overflow-y: auto;
  height: 100%;
  max-height: 666px; }
  @media (max-width: 451px) {
    #contact-form .content {
      width: 100%;
      margin-left: 0;
      bottom: 0;
      top: 0;
      left: 0;
      max-height: none; } }
  #contact-form .content .logo {
    height: 100px;
    text-align: center;
    background: url("../images/icons//istabai.png") no-repeat center;
    background-color: #E5E6EA;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    @media (max-height: 564px) {
      #contact-form .content .logo {
        display: none; } }
  #contact-form .content .close {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    opacity: 0.8;
    font-size: 22px;
    color: #CDD0D5; }
    #contact-form .content .close:hover {
      opacity: 1;
      color: #A8ABB2; }
  #contact-form .content .body {
    padding: 12px;
    text-align: center; }
    #contact-form .content .body a {
      display: inline-block;
      text-decoration: none;
      color: #80C036;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 16px; }
    #contact-form .content .body .title {
      font-size: 22px;
      font-weight: bold;
      padding: 18px 0; }
    #contact-form .content .body .subtitle {
      margin-bottom: 14px;
      font-size: 16px;
      color: #CDD0D5; }
      @media (max-width: 451px) {
        #contact-form .content .body .subtitle {
          margin-bottom: 2px; } }
    #contact-form .content .body .form {
      height: 100%;
      padding: 0 22px 22px 22px; }
    #contact-form .content .body .send {
      padding: 14px;
      background-color: #80C036;
      color: #FFFFFF !important;
      text-align: center;
      border-radius: 3px;
      width: 100%; }
      @media (max-width: 451px) {
        #contact-form .content .body .send {
          padding: 9px; } }
      #contact-form .content .body .send.disabled {
        cursor: not-allowed;
        background: #CDD0D5; }
    #contact-form .content .body .formSaved {
      text-transform: uppercase;
      font-weight: 500;
      font-size: 16px; }
    #contact-form .content .body .formError {
      padding: 14px;
      border-radius: 3px;
      background-color: #FB5859;
      position: relative;
      color: white;
      top: -10px; }
      #contact-form .content .body .formError .text {
        text-align: left;
        margin-right: 30px; }
      #contact-form .content .body .formError .alert {
        position: absolute;
        right: 25px;
        top: 20%;
        font-size: 28px;
        opacity: 0.6; }

@media (max-width: 451px) {
  #contact-form input {
    padding: 12px 0 12px; } }

@media (max-width: 451px) {
  .text__title, .question {
    text-align: center;
    font-size: 32px;
    line-height: 40px; }
  .text__content, .answers {
    text-align: justify;
    font-size: 16px;
    line-height: 24px; } }

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