﻿/*$colorBlack: #1e1e1e !default;*/
/*Borders*/
/*SLIDE HOMEPAGE*/
@media screen and (max-width: 767px) {
  .news .intro {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 767px) {
  .news .intro h1 {
    margin: 0 20px; } }

@media screen and (max-width: 767px) {
  .news .content-list {
    border-top: none; } }

@media screen and (max-width: 767px) {
  .news .top-content {
    margin: 0 20px;
    border-top: #d7dadc 5px solid; } }

.news .middle-content {
  padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .news .middle-content > .wrapper {
      margin: 0; } }

.news .row {
  float: none;
  width: 100%;
  position: relative;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .news .row {
      width: auto;
      margin-right: 20px; } }
  @media screen and (max-width: 640px) {
    .news .row {
      margin: 0 20px; } }
  @media screen and (max-width: 640px) {
    .news .row .item {
      margin: 0 0 25px 0 !important;
      width: auto;
      display: block; } }
  @media screen and (max-width: 540px) {
    .news .row .item:first-child {
      margin: 0 0 25px 0px; } }

.news .details {
  border-top: 5px #738593 solid;
  border-bottom: 5px #738593 solid;
  padding: 60px 0;
  position: relative;
  margin-bottom: 40px;
  text-align: left;
  clear: both; }
  @media screen and (max-width: 767px) {
    .news .details {
      margin-right: 20px; } }
  @media screen and (max-width: 640px) {
    .news .details {
      padding-bottom: 20px;
      margin-right: 0; } }
  .news .details .wrapper {
    margin-right: 40px; }
    @media screen and (max-width: 1100px) {
      .news .details .wrapper {
        margin-right: 20px; } }
    @media screen and (max-width: 767px) {
      .news .details .wrapper {
        margin-left: 20px; } }
  .news .details .arrow-up {
    position: absolute;
    top: 0px; }
    .news .details .arrow-up:after, .news .details .arrow-up:before {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .news .details .arrow-up:after {
      border-color: rgba(232, 232, 232, 0);
      border-bottom-color: #e8e8e8;
      border-width: 16px;
      margin-left: -16px; }
    .news .details .arrow-up:before {
      border-color: rgba(163, 174, 183, 0);
      border-bottom-color: #738593;
      border-width: 23px;
      margin-left: -23px; }
    html.safari .news .details .arrow-up {
      top: 0px; }
  .news .details .close-box {
    font-size: 4em;
    line-height: 40px;
    color: #738593;
    width: 40px;
    height: 40px;
    background: #e8e8e8;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -4px;
    text-align: center; }
  .news .details h3 {
    font: 3em/1 "aaux_problackregular", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    text-transform: uppercase;
    margin-bottom: 25px; }
  .news .details .image {
    margin-bottom: 25px; }
    .news .details .image img {
      width: auto;
      height: auto; }
      @media screen and (max-width: 540px) {
        .news .details .image img {
          width: 100%; } }
  .news .details .description {
    font: 1.4em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #738593; }
    .news .details .description > p {
      font: 1em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
      color: #738593;
      text-transform: none; }

@media screen and (max-width: 767px) {
  .news .footer-content {
    margin-right: 20px; } }

.news .detail {
  border-top: #d7dadc 5px solid;
  margin-top: 15px; }
  @media screen and (max-width: 767px) {
    .news .detail {
      margin: 15px 20px 0 20px; } }
  .news .detail .wrapper {
    margin-right: 4%;
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .news .detail .wrapper {
        margin-right: 0; } }
    .news .detail .wrapper .date {
      font: 1.4em/1 "aaux_bold", Helvetica, Arial, sans-serif;
      color: #0071ce; }
    .news .detail .wrapper h2 {
      font: 2.5em/1 "aaux_bold", Helvetica, Arial, sans-serif;
      color: #1e1e1e;
      margin-top: 15px; }
    .news .detail .wrapper .description {
      font: 1.6em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
      color: #738593;
      margin-top: 15px; }
