/*
 * 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
/*
 * 
 * Created on : 06.07.2017, 15:07:52
 * Author     : Сергей Пинигин
 */
/*
 * 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
/*
 * 
 * Created on : 07.07.2017, 10:48:30
 * Author     : Сергей
 */
/*
 * CSS3 calc() function to perform calculations
 */
/*
 * * Fonts *
 */
/*
 * * Fonts *
 */
@font-face {
  font-family: ProximaNova-Regular;
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.eot);
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.woff2) format('woff2'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.woff) format('woff'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.ttf) format('truetype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Regular/ProximaNova-Regular.svg#icon) format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ProximaNova-Light;
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.eot);
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.woff2) format('woff2'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.woff) format('woff'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.ttf) format('truetype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Light/ProximaNova-Light.svg#icon) format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ProximaNova-Semibold;
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.eot);
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.woff2) format('woff2'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.woff) format('woff'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.ttf) format('truetype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Semibold/ProximaNova-Semibold.svg#icon) format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ProximaNova-Bold;
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.eot);
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.woff2) format('woff2'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.woff) format('woff'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.ttf) format('truetype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Bold/ProximaNova-Bold.svg#icon) format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: ProximaNova-Extrabold;
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.eot);
  src: url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.woff2) format('woff2'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.woff) format('woff'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.ttf) format('truetype'), url(/sites/all/themes/aoiot/fonts/ProximaNova/ProximaNova-Extrabold/ProximaNova-Extrabold.svg#icon) format('svg');
  font-weight: normal;
  font-style: normal; }
html {
  overflow-y: scroll;
  overflow-x: auto; }

html,
body {
  font-family: ProximaNova-Regular;
  padding: 0 !important; }

.container {
  min-width: 320px; }

.text {
  color: #aeaeae;
  font-size: 16px;
  font-family: ProximaNova-Regular; }

h3 {
  color: #48c6d2;
  font-size: 24px;
  line-height: 28px;
  font-family: ProximaNova-Light;
  margin-bottom: 20px;
  margin-top: 0; }

h4 {
  font-size: 24px;
  font-family: "ProximaNova-Light"; }

h5 {
  font-size: 16px;
  font-family: "ProximaNova-SemiBold";
  margin: 15px 0; }

.list {
  padding-left: 0; }
  .list li {
    padding-top: 4px;
    padding-bottom: 4px; }

  .unordered-list li:before {
    content: "— ";
    float: left;
    margin-left: -24px; }
  .unordered-list li {
    list-style: none;
    padding-left: 24px; }


  li pre,
  li code {
    margin-top: 10px; }

.numbered-list {
  list-style-type: decimal;
  padding-left: 16px; }
  .numbered-list li {
    margin-bottom: 15px;
    padding-left: 10px; }

/*
 * Классы отступов
 */
.page-indentation {
  padding-top: 128px;
  padding-bottom: 128px; }

.h2-indentation {
  margin-bottom: 28px; }

.h3-indentation {
  margin-bottom: 10px; }

.text-indentation {
  margin-bottom: 22px; }

.text-block-indentation {
  margin-bottom: 64px; }

/*
 * Классы отступов
 */
/*
 * Файл
 */
.file-block {
  background: url(/sites/all/themes/aoiot/img/file_ico.png) no-repeat;
  width: 250px;
  background-size: 44px;
  padding-left: 60px;
  font-weight: bold;
  cursor: pointer;
  margin: 10px 10px;
  display: inline-block;
  vertical-align: top; }
  .file-block .block__file-name {
    color: #3dc4d0;
    margin: 0; }
    .file-block .block__file-name .file-name__link {
      color: inherit; }
  .file-block .block__file-size {
    color: #aeaeae;
    margin: 0; }

/*
 * Файл
 */
.section-title {
  color: #48c6d2;
  font-size: 24px;
  font-family: ProximaNova-Light; }

a:hover,
a:active,
a:focus {
  text-decoration: none; }

.button_yellow {
  text-decoration: none;
  border-radius: 30px;
  font-size: 20px;
  padding: 14px 25px;
  background-color: #f6eb9a;
  border: 1px solid #f6eb9a;
  color: #2a2b5f; }
  @media (max-width: 479px) {
    .button_yellow {
  font-size: 18px;
  padding: 10px 16px; } }
  .button_yellow .visible-xs {
    display: inline !important; }
  .button_yellow .visible-md {
    display: inline !important; }
  .button_yellow:hover {
    text-decoration: none;
    background-color: #f8efae;
    color: #2a2b5f; }
  .button_yellow:active {
    background-color: #ddd38a;
    color: #2a2b5f; }
  .button_yellow.disable {
    background-color: #d1d2ef;
    color: white; }

.button_aquamarine {
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  font-size: 20px;
  padding: 14px 25px;
  background-color: #3dc4d0;
  border: 1px solid #3dc4d0;
  color: white; }
  @media (max-width: 479px) {
    .button_aquamarine {
  font-size: 18px;
  padding: 10px 16px; } }
  .button_aquamarine .visible-xs {
    display: inline !important; }
  .button_aquamarine .visible-md {
    display: inline !important; }
  .button_aquamarine:hover {
    text-decoration: none;
    background-color: #64d0d9;
    color: white; }
  .button_aquamarine:active {
    background-color: #37b0bb;
    color: white; }
  .button_aquamarine.disable {
    background-color: #d1d2ef;
    color: white; }

.button_sapphire {
  text-decoration: none;
  border-radius: 30px;
  font-size: 20px;
  padding: 14px 25px;
  background-color: #48c6d2;
  color: white; }
  @media (max-width: 479px) {
    .button_sapphire {
  font-size: 18px;
  padding: 10px 16px; } }
  .button_sapphire .visible-xs {
    display: inline !important; }
  .button_sapphire .visible-md {
    display: inline !important; }
  .button_sapphire:hover {
    text-decoration: none;
    background-color: #61639c;
    color: white; }
  .button_sapphire:active {
    background-color: #333676;
    color: white; }
  .button_sapphire.disable {
    background-color: #d1d2ef; }

.button_small {
  font-size: 16px;
  padding: 6px 15px; }

.spinner {
  animation: spin 2s infinite linear; }

@keyframes spin {
    0% {
    transform: rotate(0deg); }


    100% {
    transform: rotate(359deg); }
 }
.button_padding_for_spinner {
  padding: 10px 0px !important; }

.nopadding {
  padding: 0 0 !important; }

.icon-gear-for-button {
  background: url(/sites/all/themes/aoiot/img/basic_gear.png) no-repeat;
  background-size: contain;
  background-position: center bottom;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-bottom: -5px; }

.storage-icon {
  margin-top: -2px; }

.arrow1_right {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  display: inline-block;
  background: url(/sites/all/themes/aoiot/img/arrow1_right.png) no-repeat; }

.arrow1_down {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  display: inline-block;
  background: url(/sites/all/themes/aoiot/img/arrow1_down.png) no-repeat; }

.href-underlined {
  display: inline-block; }
  .href-underlined:hover {
    background: none;
    border: none;
    text-decoration: none; }
    .href-underlined:hover .href-underlined__underline {
      width: 100%; }
  .href-underlined__underline {
    background-color: #3dc4d0;
    height: 2px;
    width: 16px;
    margin-top: 3px;
    -webkit-transition: width 0.5s;
        /*
     * For Safari 3.1 to 6.0
     */
    transition: width 0.5s; }

.href_aquamarine {
  color: #3dc4d0; }
  .href_aquamarine:hover,
  .href_aquamarine:active,
  .href_aquamarine:focus {
    color: #3dc4d0;
    text-decoration: underline; }

.nopadding-side {
  padding-left: 0;
  padding-right: 0; }

.padding-side-bootstrap {
  padding-left: 15px;
  padding-right: 15px; }

.price-table {
  display: table;
  width: 100%;
  margin-top: 80px; }
  .price-table:first-of-type {
    margin-top: 0px; }
  .price-table__header {
    display: table-row; }
  .price-table__row {
    display: table-row;
    border-radius: 5px; }
    .price-table__row:hover {
      background-color: #3dc4d0; }
      .price-table__row_divider > div {
        height: 50px; }
      .price-table__row_divider:hover,
      .price-table__row_divider:hover > div {
        background-color: none !important; }
    .price-table__row_colspan-all {
      position: absolute;
      margin-bottom: 30px; }
  .price-table__cell {
    display: table-cell;
    color: #01141b;
    text-align: left;
    min-height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
    font-size: 16px; }
    .price-table__cell:last-of-type {
      text-align: right;
      font-family: ProximaNova-SemiBold;
      border-radius: 0 5px 5px 0;
      padding-right: 15px; }
    .price-table__cell:first-of-type {
      text-align: left;
      border-radius: 5px 0 0 5px;
      padding-left: 15px; }
    .price-table__cell_null {
      width: 5%; }
    .price-table__cell.text-center {
      text-align: center; }
  .price-table__checked {
    background: url("/sites/all/themes/aoiot/img/typical/checked.png") no-repeat;
    background-position: center center;
    display: inline-block;
    width: 100%;
    height: 20px; }
    @media (max-width: 479px) {
      .price-table_block-xxs-down {
    display: block; } }
      @media (max-width: 479px) {
        .price-table_block-xxs-down > div {
      display: block; } }
          @media (max-width: 479px) {
            .price-table_block-xxs-down > div.row_bordered_bottom > div {
          background: none;
          text-align: left; }
            .price-table_block-xxs-down > div.row_bordered_bottom > div:last-of-type {
              background: url(/sites/all/themes/aoiot/img/price-table-border-bg_forwhite.png) no-repeat;
              background-size: 100% 1px;
              background-position: center bottom; } }
            @media (max-width: 479px) {
              .price-table_block-xxs-down > div.row_bordered_bottom:last-of-type > div:last-of-type {
            background: none; } }
      @media (max-width: 479px) {
        .price-table_block-xxs-down > div > div {
      text-align: left;
      padding-left: 15px;
      display: block; } }

  .price-table_categories .price-table__cell:first-of-type {
    font-family: ProximaNova-SemiBold; }

    .price-table_list .price-table__row > div {
      vertical-align: top; }
    .price-table_list .price-table__row h6 {
      margin-top: 0; }
    .price-table_list .price-table__row:hover,
    .price-table_list .price-table__row:hover > div {
      background: none; }

  .row_bordered_bottom > div {
    background: url(/sites/all/themes/aoiot/img/price-table-border-bg.png) no-repeat;
    background-size: 100% 1px;
    background-position: center bottom; }
    .row_bordered_bottom:last-of-type > div {
      background: none; }

  .white-screen .row_bordered_bottom > div {
    background: url(/sites/all/themes/aoiot/img/price-table-border-bg_forwhite.png) no-repeat;
    background-size: 100% 1px;
    background-position: center bottom; }
    .white-screen .row_bordered_bottom:last-of-type > div {
      background: none; }

  .cell_bordered_bottom {
    background: url(/sites/all/themes/aoiot/img/price-table-border-bg.png) no-repeat;
    background-size: 100% 1px;
    background-position: center bottom; }

  .white-screen .cell_bordered_bottom {
    background: url(/sites/all/themes/aoiot/img/price-table-border-bg.png) no-repeat;
    background-size: 100% 1px;
    background-position: center bottom; }

.bold {
  font-family: ProximaNova-SemiBold; }

.scroll-bottom {
  margin-top: 70px; }
  .scroll-bottom a.icon {
    background: url(/sites/all/themes/aoiot/img/scroll_bottom.png) no-repeat;
    color: white;
    font-weight: 500;
    padding-top: 50px;
    width: 55px;
    height: 45px;
    display: inline-block; }

.billchat-wrapper {
  z-index: 9999 !important; }

.media-paragraph {
  margin: 20px auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  max-width: 600px; }

a.href-anchor {
  border-bottom: 1px dashed #3dc1cf;
  text-decoration: none; }

.par18 {
  font-size: 18px; }

.par24 {
  font-size: 24px;
  font-family: ProximaNova-Light; }

.quote {
  padding: 20px 0 20px 0;
  margin: 20px 0;
  position: relative; }
  .quote p {
    padding-left: 30px; }
  .quote__marker {
    width: 6px;
    top: 0;
    bottom: 0;
    position: absolute;
    border-radius: 2px; }
    .quote__info .quote__marker {
      background-color: #3dc4d0; }
  .quote__alarm {
    color: #e88295; }
    .quote__alarm .quote__marker {
      background-color: #e88295; }

  .row__images > div {
    margin-top: 15px; }
  .row__images img {
    width: 100%; }

.readmore {
  margin-top: 10px;
  padding-top: 30px;
  border-top: 1px solid rgba(163, 165, 224, 0.2); }
  .readmore__list {
    margin-top: 20px;
    padding-left: 0;
    list-style: none; }

.field-name-field-page-class {
  display: none; }

  .typical.whiteunderheader .title-screen {
    background: url(/sites/all/themes/img/header_bg.jpg), url(/sites/all/themes/img/header_bg.jpg);
    background-position-y: bottom;
    background-repeat: no-repeat, repeat; }
  .typical.whiteunderheader .tabswrapper {
    background: white; }

.typical.whitefooter #footer {
  background-color: white; }

  .view-actions li {
    list-style: none; }

  .region-content .hidden-title {
    display: none; }
    .region-content .item-list .hidden-title {
      display: block; }