@import url("https://fonts.googleapis.com/css?family=Bree+Serif|Lato:300,400,700|Roboto:300,400,700");
* {
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  border: none;
  outline: none;
  box-sizing: border-box; }

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset; }

p, a, span, div, li, h1, h2, h3, h4, h5, h6, input, textarea, select {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.4em; }

p {
  font-size: 1em;
  font-family: "Roboto", sans-serif;
  color: #332925; }
  p sup {
    line-height: 0;
    font-size: 10px; }
  p a {
    font-size: 1em;
    color: #ea1b4b; }
    p a:hover {
      text-decoration: underline; }
  p.bigger {
    font-size: 1.125em; }
  p.subtitle {
    font-weight: 400;
    font-size: 1.25em; }

span, strong, em, small {
  display: inline-block; }

a {
  font-size: 1em;
  text-decoration: none;
  color: #332925;
  display: inline-block; }

h1, h2, h3 {
  color: #e6274e; }

h1 {
  font-size: 1.875em; }
  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 1.35em; } }

h2 {
  font-size: 1.5em; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 1.25em; } }

h3 {
  font-size: 1.375em; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 1.25em; } }

h1 a, h2 a, h3 a {
  color: #ea1b4b; }
  h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: underline; }

.button, .button-blue, .button-white, .button-orange, .button-red {
  border: none;
  outline: none;
  line-height: 45px;
  border-radius: 3px;
  transition: 0.3s ease all;
  background: #ea1b4b;
  color: white;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding: 0 30px;
  cursor: pointer;
  text-align: center; }
  .button:hover, .button-blue:hover, .button-white:hover, .button-orange:hover, .button-red:hover {
    background: #33c3ee;
    color: white; }
  .button.small, .small.button-blue, .small.button-white, .small.button-orange, .small.button-red {
    line-height: 37px;
    padding: 0 20px; }
    @media only screen and (max-width: 479px) {
      .button.small, .small.button-blue, .small.button-white, .small.button-orange, .small.button-red {
        font-size: 12px; } }

.button-blue {
  background: #33c3ee; }
  .button-blue:hover {
    background: white;
    color: #ea1b4b; }

.button-white {
  background: white;
  color: #ea1b4b; }

.button-orange {
  background: #fc5c4e; }

.button-red {
  background: #ea1b4b;
  color: white; }

@font-face {
  font-family: "yay";
  src: url("subfiles/fonts/yay.eot");
  src: url("subfiles/fonts/yay.eot?#iefix") format("embedded-opentype"), url("subfiles/fonts/yay.woff") format("woff"), url("subfiles/fonts/yay.ttf") format("truetype"), url("subfiles/fonts/yay.svg#yay") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block; }

[data-icon]:before {
  font-family: "yay" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "yay" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left; }

.icon-accessories:before {
  content: "\61"; }

.icon-addmoney:before {
  content: "\62"; }

.icon-address:before {
  content: "\63"; }

.icon-at:before {
  content: "\64"; }

.icon-bin:before {
  content: "\65"; }

.icon-bulkjobs:before {
  content: "\66"; }

.icon-burger:before {
  content: "\67"; }

.icon-calendar:before {
  content: "\68"; }

.icon-call-routes:before {
  content: "\69"; }

.icon-calls:before {
  content: "\6a"; }

.icon-camera:before {
  content: "\6b"; }

.icon-cart:before {
  content: "\6c"; }

.icon-chat:before {
  content: "\6d"; }

.icon-check:before {
  content: "\6e"; }

.icon-clock:before {
  content: "\6f"; }

.icon-cloud1star:before {
  content: "\70"; }

.icon-cloud2star:before {
  content: "\71"; }

.icon-cloud3star:before {
  content: "\72"; }

.icon-cloud4star:before {
  content: "\73"; }

.icon-cog:before {
  content: "\74"; }

.icon-compare:before {
  content: "\75"; }

.icon-config:before {
  content: "\76"; }

.icon-contacts:before {
  content: "\77"; }

.icon-cross:before {
  content: "\78"; }

.icon-crown:before {
  content: "\79"; }

.icon-dashboard:before {
  content: "\7a"; }

.icon-dashboard-1:before {
  content: "\41"; }

.icon-disable:before {
  content: "\42"; }

.icon-dnszones:before {
  content: "\43"; }

.icon-domain:before {
  content: "\44"; }

.icon-domains:before {
  content: "\45"; }

.icon-download:before {
  content: "\46"; }

.icon-droparrow:before {
  content: "\47"; }

.icon-duplicate:before {
  content: "\48"; }

.icon-edit:before {
  content: "\49"; }

.icon-enlarge:before {
  content: "\4a"; }

.icon-exclaim:before {
  content: "\4b"; }

.icon-eye:before {
  content: "\4c"; }

.icon-facebook:before {
  content: "\4d"; }

.icon-fax:before {
  content: "\4e"; }

.icon-fingerprint:before {
  content: "\4f"; }

.icon-google:before {
  content: "\50"; }

.icon-grid:before {
  content: "\51"; }

.icon-handsets:before {
  content: "\52"; }

.icon-idle:before {
  content: "\53"; }

.icon-impersonate:before {
  content: "\54"; }

.icon-inbound:before {
  content: "\55"; }

.icon-info:before {
  content: "\56"; }

.icon-intercom:before {
  content: "\57"; }

.icon-internal:before {
  content: "\58"; }

.icon-invoices:before {
  content: "\59"; }

.icon-key:before {
  content: "\5a"; }

.icon-leaf:before {
  content: "\30"; }

.icon-leftarrow:before {
  content: "\31"; }

.icon-line:before {
  content: "\32"; }

.icon-link:before {
  content: "\33"; }

.icon-linkedin:before {
  content: "\34"; }

.icon-little-cog:before {
  content: "\35"; }

.icon-location:before {
  content: "\36"; }

.icon-lock:before {
  content: "\37"; }

.icon-logo:before {
  content: "\38"; }

.icon-mail:before {
  content: "\39"; }

.icon-man:before {
  content: "\21"; }

.icon-members:before {
  content: "\22"; }

.icon-mic:before {
  content: "\23"; }

.icon-minus:before {
  content: "\24"; }

.icon-move-down:before {
  content: "\25"; }

.icon-move-up:before {
  content: "\26"; }

.icon-mute:before {
  content: "\27"; }

.icon-mydomains:before {
  content: "\28"; }

.icon-nameservergroup:before {
  content: "\29"; }

.icon-network:before {
  content: "\2a"; }

.icon-number:before {
  content: "\2b"; }

.icon-numbers:before {
  content: "\2c"; }

.icon-outbound:before {
  content: "\2d"; }

.icon-packages:before {
  content: "\2e"; }

.icon-paintbrush:before {
  content: "\2f"; }

.icon-pattern:before {
  content: "\3a"; }

.icon-pause:before {
  content: "\3b"; }

.icon-payment:before {
  content: "\3c"; }

.icon-pdf:before {
  content: "\3d"; }

.icon-plane:before {
  content: "\3e"; }

.icon-plans:before {
  content: "\3f"; }

.icon-play:before {
  content: "\40"; }

.icon-plus:before {
  content: "\5b"; }

.icon-pound:before {
  content: "\5d"; }

.icon-profile:before {
  content: "\5e"; }

.icon-puzzle:before {
  content: "\5f"; }

.icon-question:before {
  content: "\60"; }

.icon-quote:before {
  content: "\7b"; }

.icon-radioactive:before {
  content: "\7c"; }

.icon-ratecard:before {
  content: "\7d"; }

.icon-reseller:before {
  content: "\7e"; }

.icon-rightarrow:before {
  content: "\5c"; }

.icon-rows:before {
  content: "\e000"; }

.icon-save:before {
  content: "\e001"; }

.icon-search:before {
  content: "\e002"; }

.icon-server:before {
  content: "\e003"; }

.icon-setup:before {
  content: "\e004"; }

.icon-short:before {
  content: "\e005"; }

.icon-snowflake:before {
  content: "\e006"; }

.icon-square:before {
  content: "\e007"; }

.icon-star:before {
  content: "\e008"; }

.icon-storage:before {
  content: "\e009"; }

.icon-store:before {
  content: "\e00a"; }

.icon-tiny-speaker:before {
  content: "\e00b"; }

.icon-transfer:before {
  content: "\e00c"; }

.icon-transfer-1:before {
  content: "\e00d"; }

.icon-trunk:before {
  content: "\e00e"; }

.icon-twitter:before {
  content: "\e00f"; }

.icon-umberella:before {
  content: "\e010"; }

.icon-un-mute:before {
  content: "\e011"; }

.icon-unlock:before {
  content: "\e012"; }

.icon-uparrow:before {
  content: "\e013"; }

.icon-users:before {
  content: "\e014"; }

.icon-visa:before {
  content: "\e015"; }

.icon-web:before {
  content: "\e016"; }

.icon-wifi:before {
  content: "\e017"; }

.icon-yay:before {
  content: "\e018"; }

.icon-yingyang:before {
  content: "\e019"; }

.icon-queuing:before {
  content: "\e01a"; }

header {
  background: white; }
  header .content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100px; }
    header .content .logo img {
      height: 75px; }
    header .content > p, header .content > h1 {
      font-size: 1.25em;
      color: #332925; }
      header .content > p span, header .content > h1 span {
        color: #ea1b4b; }
      @media only screen and (max-width: 1023px) {
        header .content > p, header .content > h1 {
          font-size: 1.1em; } }
      @media only screen and (max-width: 767px) {
        header .content > p, header .content > h1 {
          font-size: 1em;
          max-width: calc(100% - 170px);
          text-align: right; } }

.module-top {
  background: #f8efed;
  padding: 40px 0; }
  .module-top .content {
    text-align: center; }
    .module-top .content > p.tt {
      font-size: 42px;
      color: #ea1b4b; }
      .module-top .content > p.tt span {
        font-weight: 400; }
    .module-top .content h2, .module-top .content h1 {
      font-size: 20px;
      color: #332925;
      margin-bottom: 30px; }
    .module-top .content > p:not(.tt) {
      margin: 0 auto;
      max-width: 840px;
      font-size: 14px; }
  .module-top.v2 {
    background: url("/static/img/clouds.png");
    background-size: cover; }
    .module-top.v2 .content h1, .module-top.v2 .content h2, .module-top.v2 .content > p {
      color: white; }
      .module-top.v2 .content h1 a, .module-top.v2 .content h2 a, .module-top.v2 .content > p a {
        color: white; }
    .module-top.v2 .content h1 {
      font-size: 16px; }
    .module-top.v2 .content .button, .module-top.v2 .content .button-blue, .module-top.v2 .content .button-white, .module-top.v2 .content .button-orange, .module-top.v2 .content .button-red {
      margin-top: 30px; }
  .module-top.v3 {
    background: #ea1b4b; }
    .module-top.v3 .content h1, .module-top.v3 .content p {
      color: white; }
    .module-top.v3 .content h1 {
      font-size: 16px;
      margin-bottom: 0;
      margin-top: 10px; }
  @media only screen and (max-width: 1023px) {
    .module-top {
      padding: 20px 0; }
      .module-top .content h1 {
        font-size: 35px; }
      .module-top .content h2 {
        margin-bottom: 20px; }
      .module-top.v2 .content .button, .module-top.v2 .content .button-blue, .module-top.v2 .content .button-white, .module-top.v2 .content .button-orange, .module-top.v2 .content .button-red {
        margin-top: 20px; }
      .module-top.v3 p.tt {
        font-size: 32px; } }
  @media only screen and (max-width: 767px) {
    .module-top .content > p.tt {
      font-size: 26px; }
    .module-top .content h2 {
      font-size: 18px; }
    .module-top.v3 .content p.tt {
      font-size: 20px; }
    .module-top.v3 .content h1 {
      font-size: 14px; } }
  @media only screen and (max-width: 479px) {
    .module-top .content > p.tt {
      font-size: 20px; }
    .module-top .content h2 {
      font-size: 14px;
      margin-top: 5px; }
    .module-top .content p:not(.tt) {
      font-size: 12px; }
    .module-top .content h1 {
      margin-bottom: 20px;
      font-size: 14px; }
    .module-top .content .button-white {
      font-size: 12px;
      line-height: 37px; } }

.module-middle {
  background: #ea1b4b;
  padding: 30px 0; }
  .module-middle .content .search {
    margin-bottom: 20px; }
    .module-middle .content .search h2 {
      color: white;
      text-align: center;
      width: 100%;
      font-size: 24px;
      margin-bottom: 20px;
      font-weight: 300; }
    .module-middle .content .search > div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center; }
      .module-middle .content .search > div .field-box {
        margin-right: 10px;
        background: white;
        border-radius: 3px;
        height: 45px;
        padding: 0 20px;
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .module-middle .content .search > div .field-box input {
          width: 420px; }
  .module-middle .content .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .module-middle .content .list > li {
      width: 240px;
      text-align: center; }
      .module-middle .content .list > li i, .module-middle .content .list > li p, .module-middle .content .list > li h2 {
        color: white;
        text-align: center; }
      .module-middle .content .list > li h2 {
        font-size: 20px;
        margin-top: 10px; }
      .module-middle .content .list > li p {
        font-size: 14px;
        height: 115px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
      .module-middle .content .list > li i {
        font-size: 60px; }
      .module-middle .content .list > li [class^='button-'] {
        width: 100%; }
  .module-middle.v2 {
    background: #f8efed; }
    .module-middle.v2 .content > h2 {
      color: #ea1b4b;
      text-align: center;
      width: 100%;
      font-size: 24px;
      margin-bottom: 20px; }
    .module-middle.v2 .content .list > li {
      width: 250px; }
      .module-middle.v2 .content .list > li i, .module-middle.v2 .content .list > li h2 {
        color: #ea1b4b; }
      .module-middle.v2 .content .list > li h2 {
        margin-top: 10px; }
      .module-middle.v2 .content .list > li p {
        height: 110px;
        color: #332925;
        display: block;
        margin: 20px 0; }
        .module-middle.v2 .content .list > li p span {
          color: #ea1b4b; }
  @media only screen and (max-width: 1279px) {
    .module-middle {
      padding: 20px 0; }
      .module-middle .content .list > li {
        width: 220px; }
      .module-middle.v2 .content .list > li {
        width: 220px; }
        .module-middle.v2 .content .list > li h2 {
          font-size: 20px; }
        .module-middle.v2 .content .list > li p {
          height: 100px; } }
  @media only screen and (max-width: 1023px) {
    .module-middle .content .list {
      display: block;
      overflow: auto; }
      .module-middle .content .list > li {
        width: calc(50% - 50px);
        float: left; }
        .module-middle .content .list > li p {
          height: 80px; }
        .module-middle .content .list > li:nth-child(3) {
          clear: both; }
        .module-middle .content .list > li:nth-child(2n) {
          margin-left: 100px; }
        .module-middle .content .list > li:nth-child(n + 3) {
          margin-top: 30px; }
    .module-middle.v2 .content .list > li {
      width: calc(50% - 20px); }
      .module-middle.v2 .content .list > li p {
        height: 60px; }
      .module-middle.v2 .content .list > li h2 {
        font-size: 18px; }
      .module-middle.v2 .content .list > li:nth-child(2n) {
        margin-left: 40px; }
      .module-middle.v2 .content .list > li:nth-child(n + 3) p {
        height: 70px; }
    .module-middle.v2 .content .list.v3 > li p {
      height: 65px; } }
  @media only screen and (max-width: 767px) {
    .module-middle .content .search > div {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column; }
      .module-middle .content .search > div .field-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; }
    .module-middle .content .list > li {
      width: 100% !important;
      margin: 0 0 30px 0 !important; }
      .module-middle .content .list > li:last-child {
        margin-bottom: 0 !important; }
      .module-middle .content .list > li p {
        height: auto !important;
        margin: 10px 0 !important; }
      .module-middle .content .list > li > a, .module-middle .content .list > li [class^='button-'] {
        width: 240px; }
    .module-middle.v2 .content > h2 {
      font-size: 20px; } }
  @media only screen and (max-width: 479px) {
    .module-middle .content .search > h2 {
      font-size: 18px;
      margin-bottom: 10px; }
    .module-middle .content .search button {
      width: 100%;
      font-size: 12px;
      line-height: 37px; }
    .module-middle .content .list > li i {
      font-size: 40px; }
    .module-middle .content .list > li h2 {
      font-size: 18px; }
    .module-middle .content .list > li p {
      font-size: 12px; }
    .module-middle.v2 .content > h2 {
      font-size: 16px; } }

.articles {
  background: #f8efed;
  padding: 30px 0; }
  .articles > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .articles > ul > li {
      flex: 1; }
      .articles > ul > li:first-child {
        margin-right: 50px; }
      .articles > ul > li h3.title {
        position: absolute;
        font-family: "Bree Serif", serif;
        color: #332925;
        left: 0;
        top: 0;
        font-size: 18px; }
        .articles > ul > li h3.title span {
          color: #ea1b4b;
          font-family: "Bree Serif", serif; }
      .articles > ul > li > a {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1; }
      .articles > ul > li .list {
        padding: 0 160px 0 0; }
        .articles > ul > li .list > li {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          margin-bottom: 30px; }
          .articles > ul > li .list > li .left {
            min-width: 130px; }
            .articles > ul > li .list > li .left .date {
              font-size: 14px; }
            .articles > ul > li .list > li .left ._auth {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-align-items: center;
              -moz-align-items: center;
              height: 50px; }
              .articles > ul > li .list > li .left ._auth img {
                max-width: 30px;
                margin-right: 10px; }
              .articles > ul > li .list > li .left ._auth p {
                font-size: 12px; }
          .articles > ul > li .list > li article h4 {
            margin-bottom: 10px; }
            .articles > ul > li .list > li article h4 a {
              width: 100%;
              border-bottom: 1px solid #ddd;
              padding-bottom: 10px;
              color: #ea1b4b;
              font-size: 16px; }
              .articles > ul > li .list > li article h4 a:hover {
                color: #33c3ee; }
          .articles > ul > li .list > li article p {
            font-size: 14px; }
          .articles > ul > li .list > li:first-child .left {
            padding-top: 30px; }
          .articles > ul > li .list > li:last-child {
            margin-bottom: 0; }
      .articles > ul > li:nth-child(2) h3.title span {
        color: #fc5c4e; }
      .articles > ul > li:nth-child(2) .list article h4 a {
        color: #fc5c4e; }
    @media only screen and (max-width: 1279px) {
      .articles > ul {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column; }
        .articles > ul > li:first-child {
          margin: 0 0 50px 0; } }
  .articles.v2 {
    background: #ea1b4b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ea1b4b 0%, #ea1b4b 50%, #fc5c4e 50.00001%, #fc5c4e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ea1b4b 0%, #ea1b4b 50%, #fc5c4e 50.00001%, #fc5c4e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ea1b4b 0%, #ea1b4b 50%, #fc5c4e 50.00001%, #fc5c4e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    .articles.v2 .content > li h3.title, .articles.v2 .content > li h3.title span {
      color: white; }
    .articles.v2 .content > li .left .date, .articles.v2 .content > li .left ._auth p {
      color: white; }
    .articles.v2 .content > li article h4 a, .articles.v2 .content > li article p {
      color: white !important; }
    @media only screen and (max-width: 1279px) {
      .articles.v2 {
        background: none;
        padding: 0; }
        .articles.v2 .content {
          padding: 0; }
          .articles.v2 .content > li {
            background: #fc5c4e;
            padding: 20px; }
            .articles.v2 .content > li:first-child {
              background: #ea1b4b;
              margin-bottom: 0; }
            .articles.v2 .content > li h3.title {
              left: 20px;
              top: 20px; }
            .articles.v2 .content > li > a {
              right: 20px;
              top: 20px; } }
  @media only screen and (max-width: 767px) {
    .articles .content > li .list {
      padding: 50px 0 0 0; }
      .articles .content > li .list > li:first-child .left {
        padding-top: 0; } }
  @media only screen and (max-width: 767px) {
    .articles .content > li .list > li {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column; }
      .articles .content > li .list > li .left .date {
        margin-bottom: 5px;
        font-size: 12px; }
      .articles .content > li .list > li h4 a {
        font-size: 14px; }
      .articles .content > li .list > li p {
        font-size: 12px; }
    .articles.v2 .content > li .list > li .left .date {
      background: #da1543;
      color: white;
      margin: 0 -20px 5px;
      padding: 5px 20px; }
    .articles.v2 .content > li:last-child .list > li .left .date {
      background: #e45245; } }

footer .content p {
  color: #ea1b4b;
  padding: 20px 0; }

body {
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased; }
  @media only screen and (max-width: 479px) {
    body {
      font-size: 14px; } }

.content {
  width: 1326px;
  margin: 0 auto; }
  @media only screen and (max-width: 1365px) {
    .content {
      width: 100%;
      padding: 0 20px; } }

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