/*
 * 
 * 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 : 17.07.2017, 17:17:21
 * 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
 */
.typical {
  font-size: 16px;
  color: #01141b;
  background-color: white; }
    .typical .content h2 {
      padding-top: 0;
      padding-bottom: 38px;
      color: #48c6d2;
      font-family: ProximaNova-Light;
      font-size: 44px; }
    .typical .content h3 {
      padding-top: 0;
      color: #48c6d2;
      font-size: 24px;
      line-height: 28px;
      font-family: ProximaNova-Light;
      padding-bottom: 20px; }
    .typical .content p {
      padding-top: 0;
      margin-bottom: 22px; }
    .typical .content ul.list {
      padding-left: 0; }
      .typical .content ul.list li {
        list-style: none;
        padding-left: 24px;
        padding-bottom: 22px; }
        .typical .content ul.list li:before {
          content: "— ";
          float: left;
          margin-left: -24px; }
      .typical .content ul.list p {
        margin: 0;
        padding: 0; }
    .typical .content ol.list {
      padding-left: 16px; }
      .typical .content ol.list li {
        padding-left: 6px;
        padding-bottom: 22px; }
    .typical .content .chapter {
      padding-top: 0;
      padding-bottom: 80px; }
      .typical .content .chapter :last-child {
        margin-bottom: 0; }
    .typical .content .button_aquamarine {
      margin-top: 4rem; }
  .typical .title-screen {
    height: 480px;
    padding-top: 120px;
    background: url(/sites/all/themes/aoiot/img/header_bg.jpg);
    background-position-y: bottom;
    background-position-x: center;
    background-repeat: no-repeat, repeat; }
    .typical .title-screen__title {
      color: white;
      font-size: 80px;
      font-family: ProximaNova-SemiBold;
      margin-top: 80px; }
      @media (max-width: 479px) {
        .typical .title-screen__title {
      font-size: 56px; } }
  .typical .screen-divider {
    height: 2px;
    background-color: #48c6d2; }
    .typical .screen__wrapper {
      padding-bottom: 128px; }
      .typical .screen__wrapper:first-of-type {
        padding-top: 128px; }
      .typical .screen:last-of-type .screen__wrapper {
        min-height: 1200px; }
    .typical .white-screen__wrapper {
      background: url(/sites/all/themes/aoiot/img/typical/white-screen_bg.png);
      padding-top: 128px;
      padding-bottom: 128px; }
    .typical .white-screen__bottom-bg {
      background: url(/sites/all/themes/aoiot/img/typical/white-screen_bg_border_bottom.png);
      height: 58px;
      width: 100%; }
    .typical .white-screen__top-bg {
      background: url(/sites/all/themes/aoiot/img/typical/white-screen_bg_border_top.png);
      height: 58px;
      width: 100%; }
  .typical .white-bg {
    background-color: white; }
  .typical .typical-present-block {
    margin-bottom: 60px; }
  .typical .typical-present-img {
    width: 58px;
    height: 64px; }
  .typical .typical-title {
    color: #48c6d2;
    font-family: ProximaNova-Regular;
    font-size: 44px; }
    .typical .typical-title__section {
      margin-top: 100px; }
    @media (max-width: 767px) {
      .typical .typical-title {
    font-size: 32px; } }
  .typical h2.typical-title {
    font-family: ProximaNova-Regular; }
  .typical pre {
    border: none;
    background-color: #eeeef2;
    overflow: unset;
    white-space: unset;
    padding: 3px 8px;
    color: #48c6d2;
    font-size: inherit; }
    .typical pre code {
      padding: 0; }
  .typical code {
    line-height: 10px;
    padding: 3px 8px;
    white-space: unset;
    background-color: #eeeef2;
    color: #48c6d2; }

.caselist {
  list-style-type: none;
  text-indent: 0;
  padding-left: 0; }
  .caselist li {
    background: url(/sites/all/themes/aoiot/img/typical/bullet.png) no-repeat;
    background-position-y: 5px;
    padding-left: 30px;
    margin: 12px 0; }

.typical-table {
  display: table;
  width: 100%;
  margin-top: 80px; }
  @media (min-width: 768px) {
    .typical-table {
  margin-left: -14px; } }
  @media (max-width: 479px) {
    .typical-table {
  display: block; } }
  .typical-table:first-of-type {
    margin-top: 0px; }
  .typical-table__header {
    display: table-row; }
  .typical-table__row {
    display: table-row;
    border-radius: 5px; }
    .typical-table__row:hover {
      background-color: #3dc4d0; }
      .typical-table__row_divider > div {
        height: 50px; }
      .typical-table__row_divider:hover,
      .typical-table__row_divider:hover > div {
        background-color: none !important; }
    .typical-table__row_colspan-all {
      position: absolute;
      margin-bottom: 30px; }
      .typical-table__row.row_title:hover,
      .typical-table__row.row_title:hover > div {
        background: none !important; }
  .typical-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;
        /*
     * &:last-of-type {
     * text-align: right;
     * font-family: ProximaNova-SemiBold;
     * border-radius: 0 5px 5px 0;
     * padding-right: 15px;
     * }
     */ }
    .typical-table__cell:first-of-type {
      text-align: left;
      border-radius: 5px 0 0 5px;
      padding-left: 15px; }
    .typical-table__cell_null {
      width: 5%; }
    .typical-table__cell.text-center {
      text-align: center; }
      @media (max-width: 479px) {
        .typical-table__cell.xxs-bold {
      font-family: ProximaNova-SemiBold; } }
  .typical-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) {
      .typical-table_block-xxs-down {
    display: block; } }
      @media (max-width: 479px) {
        .typical-table_block-xxs-down > div {
      display: block; } }
          @media (max-width: 479px) {
            .typical-table_block-xxs-down > div.row_bordered_bottom > div {
          background: none;
          text-align: left; }
            .typical-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) {
              .typical-table_block-xxs-down > div.row_bordered_bottom:last-of-type > div:last-of-type {
            background: none; } }
      @media (max-width: 479px) {
        .typical-table_block-xxs-down > div > div {
      text-align: left;
      padding-left: 15px;
      display: block; } }