@charset "UTF-8";
@font-face {
  font-family: 'AvertaBold';
  src: url("fonts/averta-bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("fonts/averta-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/averta-bold-webfont.woff2") format("woff2"), url("fonts/averta-bold-webfont.woff") format("woff"), url("fonts/averta-bold-webfont.ttf") format("truetype"), url("fonts/averta-bold-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvertaRegular';
  src: url("fonts/averta-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("fonts/averta-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/averta-regular-webfont.woff2") format("woff2"), url("fonts/averta-regular-webfont.woff") format("woff"), url("fonts/averta-regular-webfont.ttf") format("truetype"), url("fonts/averta-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #f4f4f4;
  font-family: 'AvertaRegular', 'Roboto', sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  margin: 0px;
  padding: 0px; }

main {
  max-width: 1200px;
  margin: -12px auto 0px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: 'AvertaBold';
  letter-spacing: 0.01em;
  word-spacing: 0.04em; }

h1 {
  font-size: 34px;
  text-transform: uppercase;
  letter-spacing: -0.01em; }

h2 {
  font-size: 24px;
  display: inline-block;
  margin-right: 30px; }
  @media screen and (max-width: 980px) {
    h2 {
      font-size: 22px; } }

p {
  font-family: 'AvertaRegular';
  font-size: 1em;
  font-weight: 300;
  margin: 4px 0px;
  letter-spacing: -0.02em;
  line-height: 1.4em;
  color: #000000;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: common-ligatures;
          font-variant-ligatures: common-ligatures; }

.row-2 p {
  max-width: 440px; }

a {
  text-decoration: underline;
  color: #106EE8; }
  a:hover, a:active {
    text-decoration: underline;
    color: #000000; }
  a a:hover {
    text-decoration: underline;
    color: black; }

.text {
  font-family: 'AvertaBold';
  font-size: 24px;
  font-weight: 700;
  color: #106EE8; }
  @media screen and (max-width: 680px) {
    .text {
      font-size: 20px; } }

.wrapper-1 {
  float: left;
  width: 47%;
  margin-right: 4%; }
  @media screen and (max-width: 680px) {
    .wrapper-1 {
      width: 99%;
      margin-right: 0%; } }

.wrapper-2 {
  float: left;
  width: 47%; }
  @media screen and (max-width: 680px) {
    .wrapper-2 {
      width: 99%; } }

.row-1 {
  margin: 24px 16px;
  background: #ffffff;
  display: inline-block;
  padding: 24px;
  width: calc(100% - 80px);
  -webkit-box-shadow: 0px 70px 40px -50px rgba(16, 110, 232, 0.4), 0px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 70px 40px -50px rgba(16, 110, 232, 0.4), 0px 3px 20px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 680px) {
    .row-1 {
      width: 86%; } }

.row-2 {
  margin: 24px 16px;
  background: #ffffff;
  padding: 24px;
  width: calc(100% - 60px);
  position: relative;
  display: inline-block;
  -webkit-box-shadow: 0px 70px 40px -50px rgba(16, 110, 232, 0.4), 0px 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 70px 40px -50px rgba(16, 110, 232, 0.4), 0px 3px 20px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 680px) {
    .row-2 {
      margin: 2%;
      width: 88%; } }

.icon-big {
  max-width: 60px;
  max-height: 60px;
  margin: -18px -18px 4px;
  position: absolute;
  top: 40px;
  right: 40px;
  min-height: 40px; }
  @media screen and (max-width: 980px) {
    .icon-big {
      max-width: 28px;
      max-height: 28px;
      margin-top: -16px; } }

.sv-table {
  margin: 8px 0px;
  width: 101%;
  font-size: 14px;
  font-family: "AvertaRegular";
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 18px; }

.table-title {
  width: 100%;
  text-align: left;
  font-family: "AvertaBold";
  padding: 24px 0px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #106EE8; }

.table-row-1 {
  text-align: left;
  padding: 3px 0px;
  font-weight: 300;
  border-bottom: dotted 1px rgba(16, 110, 232, 0.5); }

.table-row-2 {
  width: auto;
  text-align: left;
  padding: 3px 0px;
  font-weight: 300;
  position: absolute;
  right: 24px;
  font-size: 12px;
  line-height: 22px; }

@media (max-width: 750px) {
  .item {
    width: calc(50% - 20px); } }

@media (max-width: 450px) {
  .item {
    width: 100%; } }

.premium::before {
  content: "✱";
  font-size: 12px;
  color: #81b4f6;
  margin-left: -14px;
  padding-right: 3px; }

footer {
  margin-bottom: 4% !important; }