/* Type */
@font-face {
  font-family: 'DIN';
  src: url("../fonts/DINLight.eot");
  src: url("../fonts/DINLight.eot") format("embedded-opentype"), url("../fonts/DINLight.woff2") format("woff2"), url("../fonts/DINLight.woff") format("woff"), url("../fonts/DINLight.ttf") format("truetype"), url("../fonts/DINLight.svg#AtlasGroteskLight") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'DIN';
  src: url("../fonts/FF_DIN_Regular.eot");
  src: url("../fonts/FF_DIN_Regular.eot") format("embedded-opentype"), url("../fonts/FF_DIN_Regular.woff2") format("woff2"), url("../fonts/FF_DIN_Regular.woff") format("woff"), url("../fonts/FF_DIN_Regular.ttf") format("truetype"), url("../fonts/FF_DIN_Regular.svg#AtlasGroteskLight") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'DIN';
  src: url("../fonts/FF_DIN_Regular_Italic.eot");
  src: url("../fonts/FF_DIN_Regular_Italic.eot") format("embedded-opentype"), url("../fonts/FF_DIN_Regular_Italic.woff2") format("woff2"), url("../fonts/FF_DIN_Regular_Italic.woff") format("woff"), url("../fonts/FF_DIN_Regular_Italic.ttf") format("truetype"), url("../fonts/FF_DIN_Regular_Italic.svg#AtlasGroteskRegular") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DINMedium.eot");
  src: url("../fonts/DINMedium.eot") format("embedded-opentype"), url("../fonts/DINMedium.woff2") format("woff2"), url("../fonts/DINMedium.woff") format("woff"), url("../fonts/DINMedium.ttf") format("truetype"), url("../fonts/DINMedium.svg#AtlasGroteskLight") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DINBold.eot");
  src: url("../fonts/DINBold.eot") format("embedded-opentype"), url("../fonts/DINBold.woff2") format("woff2"), url("../fonts/DINBold.woff") format("woff"), url("../fonts/DINBold.ttf") format("truetype"), url("../fonts/DINBold.svg#AtlasGroteskMedium") format("svg");
  font-weight: 700;
  font-style: normal; }

.light {
  font-weight: 100; }

.semi-regular {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

.bold {
  font-weight: 700; }

/* Type System */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit !important;
  opacity: 0.8 !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit !important;
  opacity: 0.8 !important; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit !important;
  opacity: 0.8 !important; }

:-moz-placeholder {
  /* Firefox 18- */
  color: inherit !important;
  opacity: 0.8 !important; }

body {
  font-family: 'DIN', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'DIN', sans-serif;
  font-weight: 400;
  color: #101010; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    font-size: inherit;
    font-family: inherit; }

p a {
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

p, a, textarea, input {
  font-family: 'DIN', sans-serif; }

a:hover {
  text-decoration: none; }

a:focus, a:active {
  color: inherit; }

.btn, .btn-default {
  font-family: 'DIN', sans-serif;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.04em;
  color: white;
  background-color: #d10969;
  font-weight: 400;
  display: inline-block;
  text-transform: lowercase;
  white-space: nowrap;
  border-color: transparent;
  border-radius: 0;
  padding: 21px 7px 8px 45px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:before, .btn-default:before {
    display: inline-block;
    width: 14px;
    position: relative;
    top: 1px;
    height: 15px;
    content: url("../content/icons/arrow-right-w.svg");
    margin-right: 5px; }
  .btn:hover, .btn-default:hover {
    background-color: #af0858;
    border-color: transparent;
    color: white; }
  .btn.btn-wire, .btn-default.btn-wire {
    background-color: transparent;
    border: 1px solid #101010;
    color: #101010; }
    .btn.btn-wire:before, .btn-default.btn-wire:before {
      content: url("../content/icons/arrow-right.svg"); }
    .btn.btn-wire:hover, .btn-default.btn-wire:hover {
      background-color: #101010;
      color: white; }
      .btn.btn-wire:hover:before, .btn-default.btn-wire:hover:before {
        content: url("../content/icons/arrow-right-w.svg"); }
  .btn.small, .btn-default.small {
    padding: 8px 40px;
    font-size: 12px;
    line-height: 12px; }
  .btn.blue-light, .btn-default.blue-light {
    background-color: #f1fcf1; }
  .btn.btn-full, .btn-default.btn-full {
    display: block; }

hr {
  border: 1px solid black; }

h4, h5 {
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  font-family: 'DIN', sans-serif;
  text-transform: uppercase; }

span.white-space {
  white-space: nowrap; }

span.bg-yellow {
  background-color: #fcf751;
  padding: 0px 0.15em;
  position: relative;
  z-index: -1; }

/* ICONS */
.arrow {
  display: block; }

.arrow-right,
.arrow-bottom,
.arrow-top {
  font-family: 'DIN', sans-serif;
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 500;
  color: #9a9a9a;
  letter-spacing: 0.05em;
  position: relative; }
  .arrow-right:before, .arrow-right:after,
  .arrow-bottom:before,
  .arrow-bottom:after,
  .arrow-top:before,
  .arrow-top:after {
    width: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    left: 0; }
  .arrow-right.right:before,
  .arrow-bottom.right:before,
  .arrow-top.right:before {
    margin-left: 10px; }

.arrow-left {
  font-family: 'Times', serif;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 700;
  color: #013b51;
  letter-spacing: 0.05em;
  position: relative; }
  .arrow-left:before {
    position: relative;
    width: 12px;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .arrow-left:hover:before {
    transform: translateX(-5px); }

.arrow-right:after {
  display: inline-block;
  content: url("../content/icons/arrow-right.svg");
  font-size: 17px;
  line-height: 17px;
  top: 1px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.arrow-right:hover:after {
  transform: translateX(5px); }

.arrow-right.left:after {
  display: none; }

.arrow-right.left:before {
  content: url("../content/icons/arrow-right.svg");
  display: inline-block;
  margin-right: 20px; }

.arrow-right.gray:after {
  content: url("../content/icons/arrow-right-g.svg"); }

.arrow-right.gray:hover:after {
  content: url("../content/icons/arrow-right.svg"); }

.arrow-right.gray.left:after {
  display: none; }

.arrow-right.gray.left:before {
  content: url("../content/icons/arrow-right-g.svg"); }

.arrow-right.gray.left:hover:before {
  content: url("../content/icons/arrow-right.svg"); }

.arrow-left:before {
  display: inline-block;
  content: url("../content/icons/arrow-left.svg");
  line-height: 17px; }

.arrow-left:hover:before {
  left: 5px; }

.arrow-bottom {
  display: inline-block; }
  .arrow-bottom:after {
    display: inline-block;
    content: url("../content/icons/arrow-bottom.svg");
    font-size: 17px;
    line-height: 17px; }
  .arrow-bottom.right:after {
    top: 1px; }
  .arrow-bottom:hover:after {
    top: 5px !important; }

.backtotop-icon {
  background-image: url("../content/icons/backtotop.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

h1.category, h2.category, h3.category, h4.category, h5.category, h6.category {
  background-color: #fcf751;
  display: inline-block;
  padding: 0 0.3em;
  letter-spacing: 0.04em;
  text-transform: lowercase; }

label {
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-weight: 400; }

input, textarea {
  background-color: transparent;
  box-shadow: none;
  outline: none;
  border: none;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 100;
  color: white;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    input, textarea {
      font-size: 24px;
      line-height: 1.2em; } }
  input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
    outline: none;
    box-shadow: none; }

input[type="submit"] {
  border: none;
  text-align: right;
  background-image: url("../content/icons/arrow-right-w.svg");
  background-position: 43px 21px;
  padding-bottom: 5px !important;
  padding-left: 65px !important;
  background-repeat: no-repeat;
  width: auto;
  background-size: 13%;
  font-family: 'DIN', sans-serif;
  color: white;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  margin-top: -30px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

textarea {
  font-size: 16px;
  line-height: 1.2em; }
  @media only screen and (min-width: 768px) {
    textarea {
      font-size: 18px;
      line-height: 1.2em; } }

p {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400; }
  @media only screen and (min-width: 768px) {
    p {
      font-size: 18px;
      line-height: 1.2em; } }
  p strong {
    color: #d10969;
    font-weight: 500; }

/* Bootstrap  */
.nopadding {
  padding: 0; }

@media only screen and (min-width: 768px) {
  .container-fluid {
    padding-left: 60px;
    padding-right: 60px; } }

.oh {
  overflow: hidden; }

.wow {
  visibility: hidden; }

a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:visited, a:focus, a:hover, a:active {
    text-decoration: none; }

/* Classes de Apoio */
.hamburger-icon {
  border: none;
  background-color: transparent;
  color: black;
  padding: 0 0px;
  width: 25px;
  height: 25px;
  text-align: left;
  overflow: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  transform: rotate(0deg); }
  .sticky .hamburger-icon, .open .hamburger-icon, .no-hero .hamburger-icon {
    color: #101010; }
  .open .hamburger-icon {
    transform: rotate(90deg); }
  .hamburger-icon div, .hamburger-icon div:after, .hamburger-icon div:before {
    height: 2px;
    width: 25px;
    background-color: #101010; }
    .sticky .hamburger-icon div, .open .hamburger-icon div, .no-hero .hamburger-icon div, .sticky .hamburger-icon div:after, .open .hamburger-icon div:after, .no-hero .hamburger-icon div:after, .sticky .hamburger-icon div:before, .open .hamburger-icon div:before, .no-hero .hamburger-icon div:before {
      background-color: #101010; }
  .hamburger-icon div {
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; }
    .open .hamburger-icon div {
      background-color: transparent; }
    .hamburger-icon div:after, .hamburger-icon div:before {
      content: "";
      display: block;
      position: absolute; }
    .hamburger-icon div:before {
      top: 7px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out; }
      .open .hamburger-icon div:before {
        top: 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
    .hamburger-icon div:after {
      top: -7px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out; }
      .open .hamburger-icon div:after {
        top: 0px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.close-icon {
  border: none;
  background-color: transparent;
  color: black;
  padding: 0 0px;
  width: 25px;
  height: 25px;
  text-align: left;
  overflow: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  transform: rotate(0deg); }
  .sticky .close-icon, .open .close-icon, .no-hero .close-icon {
    color: black; }
  .close-icon {
    transform: rotate(90deg); }
  .close-icon div, .close-icon div:after, .close-icon div:before {
    height: 1.5px;
    width: 18px;
    background-color: #013b51; }
    .sticky .close-icon div, .open .close-icon div, .no-hero .close-icon div, .sticky .close-icon div:after, .open .close-icon div:after, .no-hero .close-icon div:after, .sticky .close-icon div:before, .open .close-icon div:before, .no-hero .close-icon div:before {
      background-color: red; }
  .close-icon div {
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; }
    .close-icon div {
      background-color: transparent; }
    .close-icon div:after, .close-icon div:before {
      content: "";
      display: block;
      position: absolute; }
    .close-icon div:before {
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out;
      top: 0px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .close-icon div:after {
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out;
      top: 0px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.center {
  margin-right: auto;
  margin-left: auto;
  float: none; }

.text-center {
  text-align: center; }

.oh {
  overflow: hidden; }

.os {
  overflow: scroll; }

.mb05 {
  margin-bottom: 5px; }

.mb1 {
  margin-bottom: 10px; }

.mb2 {
  margin-bottom: 20px; }

.mb3 {
  margin-bottom: 30px; }

.mb4 {
  margin-bottom: 40px; }

.mb5 {
  margin-bottom: 50px; }

.mb6 {
  margin-bottom: 60px; }

.mb7 {
  margin-bottom: 70px; }

.mb8 {
  margin-bottom: 80px; }

.mb9 {
  margin-bottom: 90px; }

.mb10 {
  margin-bottom: 100px; }

/* Tags HTML */
body {
  padding: 0px;
  margin: 0; }

/* Generic Structure */
body {
  overflow-x: hidden; }
  body.alert-activated {
    padding-top: 40px; }
  body.opened-menu {
    overflow-y: hidden; }

#primary-nav {
  position: absolute;
  width: 100%;
  z-index: 100;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  background-color: white;
  padding-bottom: 13px; }
  @media only screen and (min-width: 768px) {
    #primary-nav {
      height: 0;
      background-color: transparent; } }
  @media only screen and (min-width: 768px) {
    .alert-activated #primary-nav .symbol-container {
      top: 67px !important; } }
  @media only screen and (min-width: 768px) {
    #primary-nav .container-fluid, #primary-nav .row {
      height: 0;
      background-color: transparent; } }
  #primary-nav.scroll .symbol-container a:first-of-type, .partner-us-page #primary-nav .symbol-container a:first-of-type {
    opacity: 0; }
  #primary-nav .logo-container {
    width: 180px;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 15px 0px 0; }
    #primary-nav .logo-container a:first-of-type {
      display: none; }
      @media only screen and (min-width: 768px) {
        #primary-nav .logo-container a:first-of-type {
          display: block; }
          .partner-us-page #primary-nav .logo-container a:first-of-type {
            display: none; } }
    #primary-nav .logo-container a:nth-of-type(2) {
      display: block; }
      @media only screen and (min-width: 768px) {
        #primary-nav .logo-container a:nth-of-type(2) {
          display: none; } }
    #primary-nav .logo-container a:nth-of-type(3) {
      display: none; }
      @media only screen and (min-width: 768px) {
        #primary-nav .logo-container a:nth-of-type(3) {
          display: none; }
          .partner-us-page #primary-nav .logo-container a:nth-of-type(3) {
            display: block; } }
    @media only screen and (min-width: 768px) {
      #primary-nav .logo-container {
        width: 195px;
        margin: 27px 0 0; } }
    @media only screen and (min-width: 1170px) {
      #primary-nav .logo-container {
        position: relative;
        left: -32px; } }
  #primary-nav .symbol-container {
    display: none; }
    @media only screen and (min-width: 768px) {
      #primary-nav .symbol-container {
        width: 23.5px;
        display: block;
        margin: 0px 0 0;
        position: fixed;
        top: 27px;
        left: 29px; } }
    #primary-nav .symbol-container a {
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      display: block; }
      #primary-nav .symbol-container a.gray {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        opacity: 1;
        width: 100%; }
  #primary-nav .hamburger-icon {
    position: absolute;
    top: -5px;
    right: 25px;
    z-index: 999; }
    @media only screen and (min-width: 768px) {
      #primary-nav .hamburger-icon {
        display: none; } }

.options-side {
  display: none; }
  @media only screen and (min-width: 768px) {
    .options-side {
      display: block;
      position: fixed;
      height: 100vh;
      top: 0;
      left: 0;
      width: 40px;
      z-index: 100; } }
  .options-side .middle-options {
    position: absolute;
    top: 50%;
    width: 60px;
    padding: 10px 10px;
    z-index: 1000;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .options-side .middle-options a {
      position: relative;
      z-index: 1000;
      display: block;
      height: 45px;
      width: 40px; }
      .options-side .middle-options a span.close-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .opened-menu .options-side .middle-options a span.close-icon {
          opacity: 1; }
      .partner-us-page .options-side .middle-options a:hover .arrow:after {
        content: url("../content/icons/arrow-right-w.svg"); }
      .options-side .middle-options a:hover .arrow:after {
        top: 0;
        left: 5px !important;
        -webkit-transition: left 0.1s ease-in-out;
        -moz-transition: left 0.1s ease-in-out;
        -o-transition: left 0.1s ease-in-out;
        transition: left 0.1s ease-in-out; }
      .options-side .middle-options a span.icon {
        padding: 10px 10px;
        font-size: 20px;
        display: block;
        height: 45px;
        width: 40px; }
        .opened-menu .options-side .middle-options a span.icon {
          opacity: 0; }
        .options-side .middle-options a span.icon.arrow:after {
          top: 0;
          position: relative;
          left: 0;
          -webkit-transition: left 0.1s ease-in-out;
          -moz-transition: left 0.1s ease-in-out;
          -o-transition: left 0.1s ease-in-out;
          transition: left 0.1s ease-in-out; }
  .options-side .links {
    position: absolute;
    bottom: 30px;
    white-space: nowrap;
    display: inline;
    left: 0;
    width: 100px;
    z-index: 100;
    -webkit-transform: rotate(-90deg) translateX(40%) translateY(-100%);
    -moz-transform: rotate(-90deg) translateX(40%) translateY(-100%);
    -o-transform: rotate(-90deg) translateX(40%) translateY(-100%);
    transform: rotate(-90deg) translateX(40%) translateY(-100%); }
    .partner-us-page .options-side .links {
      display: none; }
    .options-side .links a {
      display: inline;
      white-space: nowrap;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 10px;
      color: #9a9a9a; }
      .options-side .links a:hover {
        color: #101010; }
    .options-side .links .arrow-right:before {
      font-size: 10px;
      position: relative;
      right: -7px;
      left: auto;
      top: 2px; }

.menu-fixed {
  width: 0px;
  position: fixed;
  background-color: white;
  height: 100vh;
  z-index: 99;
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: width 0.1s 0.8s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: width 0.1s 0.8s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: width 0.1s 0.8s ease-in-out, opacity 0.6s ease-in-out;
  transition: width 0.1s 0.8s ease-in-out, opacity 0.6s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .menu-fixed {
      overflow: hidden; } }
  .opened-menu .menu-fixed {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out; }
    .opened-menu .menu-fixed .right {
      width: 100%;
      opacity: 1;
      -webkit-transition: opacity 0.6s 1.2s ease-in-out;
      -moz-transition: opacity 0.6s 1.2s ease-in-out;
      -o-transition: opacity 0.6s 1.2s ease-in-out;
      transition: opacity 0.6s 1.2s ease-in-out; }
      @media only screen and (min-width: 768px) {
        .opened-menu .menu-fixed .right {
          width: 50%; } }
    .opened-menu .menu-fixed .hero-options ul li {
      opacity: 1;
      top: 0px;
      position: relative; }
    .opened-menu .menu-fixed footer h5, .opened-menu .menu-fixed footer p, .opened-menu .menu-fixed footer .btn {
      top: 0 !important;
      opacity: 1 !important; }
    .opened-menu .menu-fixed.scrollable .right {
      overflow-y: auto; }
    .opened-menu .menu-fixed.scrollable .left-info-container {
      overflow-y: auto; }
  .menu-fixed .hero-options ul li {
    opacity: 0;
    top: 25px;
    position: relative; }
    .menu-fixed .hero-options ul li:nth-of-type(1) {
      -webkit-transition: all 0.2s 0.4s ease-in-out;
      -moz-transition: all 0.2s 0.4s ease-in-out;
      -o-transition: all 0.2s 0.4s ease-in-out;
      transition: all 0.2s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(2) {
      -webkit-transition: all 0.4s 0.4s ease-in-out;
      -moz-transition: all 0.4s 0.4s ease-in-out;
      -o-transition: all 0.4s 0.4s ease-in-out;
      transition: all 0.4s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(3) {
      -webkit-transition: all 0.6s 0.4s ease-in-out;
      -moz-transition: all 0.6s 0.4s ease-in-out;
      -o-transition: all 0.6s 0.4s ease-in-out;
      transition: all 0.6s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(4) {
      -webkit-transition: all 0.8s 0.4s ease-in-out;
      -moz-transition: all 0.8s 0.4s ease-in-out;
      -o-transition: all 0.8s 0.4s ease-in-out;
      transition: all 0.8s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(5) {
      -webkit-transition: all 1s 0.4s ease-in-out;
      -moz-transition: all 1s 0.4s ease-in-out;
      -o-transition: all 1s 0.4s ease-in-out;
      transition: all 1s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(6) {
      -webkit-transition: all 1.2s 0.4s ease-in-out;
      -moz-transition: all 1.2s 0.4s ease-in-out;
      -o-transition: all 1.2s 0.4s ease-in-out;
      transition: all 1.2s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(7) {
      -webkit-transition: all 1.4s 0.4s ease-in-out;
      -moz-transition: all 1.4s 0.4s ease-in-out;
      -o-transition: all 1.4s 0.4s ease-in-out;
      transition: all 1.4s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(8) {
      -webkit-transition: all 1.6s 0.4s ease-in-out;
      -moz-transition: all 1.6s 0.4s ease-in-out;
      -o-transition: all 1.6s 0.4s ease-in-out;
      transition: all 1.6s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(9) {
      -webkit-transition: all 1.8s 0.4s ease-in-out;
      -moz-transition: all 1.8s 0.4s ease-in-out;
      -o-transition: all 1.8s 0.4s ease-in-out;
      transition: all 1.8s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(10) {
      -webkit-transition: all 2s 0.4s ease-in-out;
      -moz-transition: all 2s 0.4s ease-in-out;
      -o-transition: all 2s 0.4s ease-in-out;
      transition: all 2s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(11) {
      -webkit-transition: all 2.2s 0.4s ease-in-out;
      -moz-transition: all 2.2s 0.4s ease-in-out;
      -o-transition: all 2.2s 0.4s ease-in-out;
      transition: all 2.2s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(12) {
      -webkit-transition: all 2.4s 0.4s ease-in-out;
      -moz-transition: all 2.4s 0.4s ease-in-out;
      -o-transition: all 2.4s 0.4s ease-in-out;
      transition: all 2.4s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(13) {
      -webkit-transition: all 2.6s 0.4s ease-in-out;
      -moz-transition: all 2.6s 0.4s ease-in-out;
      -o-transition: all 2.6s 0.4s ease-in-out;
      transition: all 2.6s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(14) {
      -webkit-transition: all 2.8s 0.4s ease-in-out;
      -moz-transition: all 2.8s 0.4s ease-in-out;
      -o-transition: all 2.8s 0.4s ease-in-out;
      transition: all 2.8s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(15) {
      -webkit-transition: all 3s 0.4s ease-in-out;
      -moz-transition: all 3s 0.4s ease-in-out;
      -o-transition: all 3s 0.4s ease-in-out;
      transition: all 3s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(16) {
      -webkit-transition: all 3.2s 0.4s ease-in-out;
      -moz-transition: all 3.2s 0.4s ease-in-out;
      -o-transition: all 3.2s 0.4s ease-in-out;
      transition: all 3.2s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(17) {
      -webkit-transition: all 3.4s 0.4s ease-in-out;
      -moz-transition: all 3.4s 0.4s ease-in-out;
      -o-transition: all 3.4s 0.4s ease-in-out;
      transition: all 3.4s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(18) {
      -webkit-transition: all 3.6s 0.4s ease-in-out;
      -moz-transition: all 3.6s 0.4s ease-in-out;
      -o-transition: all 3.6s 0.4s ease-in-out;
      transition: all 3.6s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(19) {
      -webkit-transition: all 3.8s 0.4s ease-in-out;
      -moz-transition: all 3.8s 0.4s ease-in-out;
      -o-transition: all 3.8s 0.4s ease-in-out;
      transition: all 3.8s 0.4s ease-in-out; }
    .menu-fixed .hero-options ul li:nth-of-type(20) {
      -webkit-transition: all 4s 0.4s ease-in-out;
      -moz-transition: all 4s 0.4s ease-in-out;
      -o-transition: all 4s 0.4s ease-in-out;
      transition: all 4s 0.4s ease-in-out; }
  .menu-fixed .left-info-container {
    padding-top: 100px; }
    @media only screen and (min-width: 768px) {
      .menu-fixed .left-info-container {
        padding-top: 170px; } }
  .menu-fixed .right-info-container {
    padding-top: 40px; }
    @media only screen and (min-width: 768px) {
      .menu-fixed .right-info-container {
        padding-top: 145px; } }
  .menu-fixed .left {
    background-color: white;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .menu-fixed .left {
        width: 50%;
        height: 100vh;
        float: left; } }
    .menu-fixed .left .left-info-container {
      overflow-y: hidden;
      position: relative;
      padding-left: 30px;
      padding-right: 30px;
      width: 100vw;
      padding-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        .menu-fixed .left .left-info-container {
          padding-left: 80px;
          padding-right: 35px;
          width: 50vw;
          height: 100vh; } }
    .menu-fixed .left footer {
      margin-top: 50px;
      padding-left: 0px;
      padding-right: 0px;
      text-align: right; }
      @media only screen and (min-width: 1170px) {
        .menu-fixed .left footer {
          width: 100%;
          left: 0;
          position: absolute;
          bottom: 60px;
          padding-left: 80px;
          padding-right: 40px; } }
      .menu-fixed .left footer .contacts {
        text-align: right; }
        @media only screen and (min-width: 1170px) {
          .menu-fixed .left footer .contacts {
            text-align: left; } }
        .menu-fixed .left footer .contacts .col-sm-4 {
          margin-bottom: 15px; }
      .menu-fixed .left footer .btn {
        margin-bottom: 30px;
        position: relative;
        top: 15px;
        opacity: 0;
        -webkit-transition: opacity 0.2s 0.8s ease-in-out, top 0.2s 0.8s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: opacity 0.2s 0.8s ease-in-out, top 0.2s 0.8s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: opacity 0.2s 0.8s ease-in-out, top 0.2s 0.8s ease-in-out, background-color 0.2s ease-in-out;
        transition: opacity 0.2s 0.8s ease-in-out, top 0.2s 0.8s ease-in-out, background-color 0.2s ease-in-out; }
      .menu-fixed .left footer h5 {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 5px;
        position: relative;
        top: 15px;
        opacity: 0;
        -webkit-transition: all 0.2s 1s ease-in-out;
        -moz-transition: all 0.2s 1s ease-in-out;
        -o-transition: all 0.2s 1s ease-in-out;
        transition: all 0.2s 1s ease-in-out; }
      .menu-fixed .left footer p {
        font-size: 12px;
        line-height: 18px;
        margin: 0;
        position: relative;
        top: 15px;
        opacity: 0;
        -webkit-transition: all 0.2s 1.2s ease-in-out;
        -moz-transition: all 0.2s 1.2s ease-in-out;
        -o-transition: all 0.2s 1.2s ease-in-out;
        transition: all 0.2s 1.2s ease-in-out; }
  .menu-fixed .right {
    width: 0%;
    float: left;
    color: white;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out; }
    @media only screen and (min-width: 768px) {
      .menu-fixed .right {
        height: 100vh; } }
    .menu-fixed .right .right-info-container {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      position: relative;
      width: 100vw;
      padding-right: 25px;
      padding-left: 25px;
      padding-bottom: 50px; }
      @media only screen and (min-width: 768px) {
        .menu-fixed .right .right-info-container {
          padding-right: 60px;
          padding-left: 55px;
          padding-bottom: 80px;
          width: 50vw;
          height: 100vh; } }
      @media only screen and (min-width: 1170px) {
        .menu-fixed .right .right-info-container {
          padding-right: 120px;
          padding-left: 110px;
          padding-bottom: 100px;
          width: 50vw; } }
      .menu-fixed .right .right-info-container:before {
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        top: 0;
        left: 0; }
      .menu-fixed .right .right-info-container * {
        position: relative;
        z-index: 2; }
      .menu-fixed .right .right-info-container h1 {
        font-weight: 500;
        color: white;
        text-align: left;
        margin-bottom: 55px;
        font-size: 30px;
        line-height: 30px; }
        @media only screen and (min-width: 768px) {
          .menu-fixed .right .right-info-container h1 {
            text-align: right;
            margin-bottom: 85px;
            font-size: 60px;
            line-height: 70px; } }
        @media only screen and (min-width: 1170px) {
          .menu-fixed .right .right-info-container h1 {
            font-size: 80px;
            line-height: 70px; } }
      .menu-fixed .right .right-info-container .article-module.listing {
        color: white;
        padding-bottom: 30px; }
        .menu-fixed .right .right-info-container .article-module.listing h4, .menu-fixed .right .right-info-container .article-module.listing h4 span, .menu-fixed .right .right-info-container .article-module.listing h2 {
          color: white; }

.main-footer {
  background-color: #101010;
  color: #9a9a9a;
  float: left;
  width: 100%; }
  .main-footer .container-fluid {
    padding-top: 50px; }
    @media only screen and (min-width: 768px) {
      .main-footer .container-fluid {
        padding-top: 168px; } }
  @media only screen and (min-width: 1170px) {
    .main-footer .row .col-sm-6:first-of-type {
      padding-right: 60px; } }
  @media only screen and (min-width: 1170px) {
    .main-footer .row .col-sm-6:last-of-type {
      padding-left: 60px; } }
  .main-footer .row:nth-of-type(1) {
    margin-bottom: 50px; }
    @media only screen and (min-width: 768px) {
      .main-footer .row:nth-of-type(1) {
        margin-bottom: 100px; } }
    .main-footer .row:nth-of-type(1) ul {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-bottom: 30px; }
      @media only screen and (min-width: 1170px) {
        .main-footer .row:nth-of-type(1) ul {
          margin-bottom: 0; } }
      .main-footer .row:nth-of-type(1) ul li {
        border-top: 0.5px solid #353535;
        padding: 15px 0 30px; }
        .main-footer .row:nth-of-type(1) ul li a {
          font-size: 20px;
          line-height: 1.2em;
          color: #9a9a9a;
          opacity: 0.5; }
          .main-footer .row:nth-of-type(1) ul li a:hover {
            opacity: 1;
            color: white; }
            .main-footer .row:nth-of-type(1) ul li a:hover:before {
              left: 10px;
              content: url("../content/icons/arrow-right-w.svg"); }
          .main-footer .row:nth-of-type(1) ul li a:before {
            top: -2px;
            left: 5px; }
            @media only screen and (min-width: 768px) {
              .main-footer .row:nth-of-type(1) ul li a:before {
                top: 0;
                left: 5px;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -o-transform: scale(1.5);
                transform: scale(1.5); } }
        .main-footer .row:nth-of-type(1) ul li:first-of-type {
          padding: 0;
          border: none;
          margin-bottom: 32px; }
          .main-footer .row:nth-of-type(1) ul li:first-of-type a:hover {
            color: white;
            opacity: 1; }
            .main-footer .row:nth-of-type(1) ul li:first-of-type a:hover:before {
              left: 20px; }
          .main-footer .row:nth-of-type(1) ul li:first-of-type p, .main-footer .row:nth-of-type(1) ul li:first-of-type a {
            font-size: 28px;
            line-height: 1.2em;
            letter-spacing: -0.02em;
            color: #9a9a9a;
            opacity: 0.6; }
            @media only screen and (min-width: 768px) {
              .main-footer .row:nth-of-type(1) ul li:first-of-type p, .main-footer .row:nth-of-type(1) ul li:first-of-type a {
                font-size: 48px;
                letter-spacing: -0.02em;
                line-height: 1.2em; } }
            .main-footer .row:nth-of-type(1) ul li:first-of-type p:before, .main-footer .row:nth-of-type(1) ul li:first-of-type a:before {
              left: 13px;
              margin-right: 25px;
              top: -5px; }
              @media only screen and (min-width: 768px) {
                .main-footer .row:nth-of-type(1) ul li:first-of-type p:before, .main-footer .row:nth-of-type(1) ul li:first-of-type a:before {
                  left: 13px;
                  margin-right: 43px;
                  top: -19px;
                  -webkit-transform: scale(2.8);
                  -moz-transform: scale(2.8);
                  -o-transform: scale(2.8);
                  transform: scale(2.8); } }
            .main-footer .row:nth-of-type(1) ul li:first-of-type p sup, .main-footer .row:nth-of-type(1) ul li:first-of-type a sup {
              font-size: 14px;
              line-height: 1.2em;
              letter-spacing: -0.02em;
              position: relative;
              top: -15px; }
  .main-footer .row:nth-of-type(2) {
    margin-bottom: 10px;
    padding-bottom: 30px; }
    .main-footer .row:nth-of-type(2) figure {
      position: absolute;
      width: 40px;
      left: 30px;
      top: -110px;
      display: block; }
      @media only screen and (min-width: 768px) {
        .main-footer .row:nth-of-type(2) figure {
          width: 40px;
          left: -20px;
          top: -10px; } }
      @media only screen and (min-width: 1170px) {
        .main-footer .row:nth-of-type(2) figure {
          display: block; } }
    .main-footer .row:nth-of-type(2) p, .main-footer .row:nth-of-type(2) a {
      display: inline;
      font-size: 12px;
      line-height: 1.2em;
      color: #9a9a9a;
      opacity: 0.5; }
    .main-footer .row:nth-of-type(2) p {
      opacity: 0.3;
      color: #9a9a9a; }
    .main-footer .row:nth-of-type(2) a:hover {
      color: white; }
    @media only screen and (min-width: 768px) {
      .main-footer .row:nth-of-type(2) .col-sm-6:nth-of-type(2) {
        text-align: right; } }
    .main-footer .row:nth-of-type(2) a.arrow-right.arrow.gray.left {
      display: none; }
      .main-footer .row:nth-of-type(2) a.arrow-right.arrow.gray.left:before {
        margin-right: 5px;
        position: relative;
        top: 1px; }
      .main-footer .row:nth-of-type(2) a.arrow-right.arrow.gray.left:hover:before {
        content: url("../content/icons/arrow-right-w.svg"); }
    .main-footer .row:nth-of-type(2) ul {
      list-style: none;
      margin: 5px 0 5px;
      padding: 0; }
      @media only screen and (min-width: 768px) {
        .main-footer .row:nth-of-type(2) ul {
          width: auto;
          margin: 0px;
          display: inline;
          margin-bottom: 0; } }
      .main-footer .row:nth-of-type(2) ul li {
        display: inline;
        white-space: nowrap;
        margin-right: 8px; }
        @media only screen and (min-width: 768px) {
          .main-footer .row:nth-of-type(2) ul li {
            margin-left: 8px;
            margin-right: 0; } }
      .main-footer .row:nth-of-type(2) ul.redes {
        display: block;
        margin: 5px 0 0px; }
        @media only screen and (min-width: 768px) {
          .main-footer .row:nth-of-type(2) ul.redes {
            margin: 0px 0 0px;
            text-align: right;
            display: inline; } }

.alert-container {
  z-index: 101;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  float: left;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 45px; }
  @media only screen and (min-width: 1170px) {
    .alert-container {
      height: 40px; } }
  .alert-container .container {
    line-height: 43px;
    display: inline-block;
    vertical-align: middle;
    height: 43px; }
    @media only screen and (min-width: 1170px) {
      .alert-container .container {
        line-height: 45px;
        height: 40px; } }
    .alert-container .container .row {
      display: inline-block; }
      .alert-container .container .row .col-sm-12 {
        display: inline-block;
        vertical-align: middle; }
  .alert-container .close-icon {
    position: absolute;
    top: 12px;
    right: 10px; }
    .alert-container .close-icon div:before, .alert-container .close-icon div:after {
      background-color: white; }
  .alert-container:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .alert-container a:not(.close-icon) {
    display: block;
    margin: 0;
    width: 100%;
    cursor: pointer; }
  .alert-container p {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 0;
    font-weight: 400;
    color: white; }
    @media only screen and (min-width: 1170px) {
      .alert-container p {
        font-size: 14px; } }
    .alert-container p:before {
      display: inline-block;
      width: 14px;
      position: relative;
      top: 1px;
      height: 15px;
      margin-right: 5px; }
      @media only screen and (min-width: 1170px) {
        .alert-container p:before {
          content: url("../content/icons/arrow-right-w.svg"); } }

/* Homepage */
.hero-options ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  position: relative;
  left: 5px; }
  .hero-options ul li a {
    font-size: 28px;
    line-height: 1.2em;
    line-height: 1em !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 100;
    color: #101010;
    padding: 10px 10px 5px 10px;
    margin-bottom: 0px;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .hero-options ul li a {
        font-size: 60px;
        line-height: 1.1em; } }
    .hero-options ul li a:hover {
      color: white;
      background-color: #d10969; }

.hero {
  position: relative;
  text-align: left;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .hero {
      text-align: right; } }
  .hero .container, .hero .container-fluid {
    position: relative;
    height: auto;
    min-height: none;
    padding-bottom: 90px; }
    @media only screen and (min-width: 768px) {
      .hero .container, .hero .container-fluid {
        padding-bottom: 30px; } }
    .hero .container .col-sm-4, .hero .container-fluid .col-sm-4 {
      position: static; }
  .hero .container:first-of-type,
  .hero .container-fluid:first-of-type {
    padding-top: 100px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .hero .container:first-of-type,
      .hero .container-fluid:first-of-type {
        text-align: right;
        padding-top: 25px; } }
    .hero .container:first-of-type h1,
    .hero .container-fluid:first-of-type h1 {
      font-size: 28px;
      line-height: 1.2em;
      color: #101010;
      margin: 15vh 0;
      font-weight: 500;
      letter-spacing: -0.02em;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .hero .container:first-of-type h1,
        .hero .container-fluid:first-of-type h1 {
          font-size: 70px;
          line-height: 1.1em; } }
      @media only screen and (min-width: 1170px) {
        .hero .container:first-of-type h1,
        .hero .container-fluid:first-of-type h1 {
          font-size: 120px;
          line-height: 1.1em; } }
      @media only screen and (min-width: 768px) {
        .hero .container:first-of-type h1,
        .hero .container-fluid:first-of-type h1 {
          text-align: right; } }
      .hero .container:first-of-type h1 sup,
      .hero .container-fluid:first-of-type h1 sup {
        font-size: 10px;
        position: relative;
        top: -20px; }
        @media only screen and (min-width: 768px) {
          .hero .container:first-of-type h1 sup,
          .hero .container-fluid:first-of-type h1 sup {
            top: -50px;
            font-size: 30px; } }
    .hero .container:first-of-type p,
    .hero .container-fluid:first-of-type p {
      color: #013b51;
      margin-bottom: 25px; }
      @media only screen and (min-width: 768px) {
        .hero .container:first-of-type p,
        .hero .container-fluid:first-of-type p {
          margin-bottom: 0px; } }
    .hero .container:first-of-type .btn,
    .hero .container-fluid:first-of-type .btn {
      margin-top: 25px; }
      @media only screen and (min-width: 768px) {
        .hero .container:first-of-type .btn,
        .hero .container-fluid:first-of-type .btn {
          margin-bottom: 20px;
          margin-top: 0; } }
  .hero a.arrow-bottom {
    font-family: 'Times', serif;
    color: #013b51;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    font-weight: 700;
    letter-spacing: 0.04em; }
    @media only screen and (min-width: 768px) {
      .hero a.arrow-bottom {
        position: absolute;
        bottom: 40px; } }

/* Hero Sentence animation */
.animated-h1 span {
  opacity: 0;
  filter: blur(0px);
  will-change: opacity, filter; }

@media (min-width: 768px) {
  .animated-h1 {
    opacity: 0; } }

.animated-h1 + sup {
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease; }
  @media (min-width: 768px) {
    .animated-h1 + sup {
      opacity: 0; } }

#section-numbering-parent {
  position: relative;
  overflow: hidden; }

#section-numbering {
  text-align: left;
  position: absolute;
  z-index: 98;
  padding-top: 30px;
  top: 0px;
  left: 65px;
  display: none; }
  @media only screen and (min-width: 768px) {
    #section-numbering {
      display: block; } }
  @media only screen and (min-width: 1170px) {
    #section-numbering {
      padding-top: 29px;
      top: 0px;
      left: 61px; } }
  #section-numbering h4 {
    margin: 0px 0;
    color: #9a9a9a; }
  #section-numbering h2 {
    margin: 0; }
  #section-numbering .section-number {
    color: #d10969;
    font-size: 40px;
    line-height: 1.2em;
    line-height: 120px !important;
    font-weight: 500;
    letter-spacing: -0.04em;
    display: inline;
    left: 0px;
    top: -20px;
    position: relative; }
    @media only screen and (min-width: 768px) {
      #section-numbering .section-number {
        font-size: 100px;
        line-height: 0.9em; } }
    @media only screen and (min-width: 768px) {
      #section-numbering .section-number {
        left: -6px;
        top: 0px; } }

.hp-module {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: white;
  padding: 30px 0 30px;
  float: left;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .hp-module {
      padding: 30px 0 30px; } }
  .hp-module .row-header {
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .hp-module .row-header {
        text-align: right; } }
    .hp-module .row-header .section-info {
      position: absolute;
      top: -10px;
      text-align: left; }
      .hp-module .row-header .section-info h4 {
        margin: 0px 0;
        color: #9a9a9a; }
        @media only screen and (min-width: 768px) {
          .hp-module .row-header .section-info h4 {
            opacity: 0; } }
      .hp-module .row-header .section-info h2 {
        margin: 0; }
    .hp-module .row-header .section-number {
      color: #d10969;
      font-size: 40px;
      line-height: 1.2em;
      line-height: 120px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      display: inline;
      left: 0px;
      top: -35px;
      position: relative; }
      @media only screen and (min-width: 768px) {
        .hp-module .row-header .section-number {
          font-size: 100px;
          line-height: 0.9em; } }
      @media only screen and (min-width: 768px) {
        .hp-module .row-header .section-number {
          left: -6px;
          top: 0px;
          opacity: 0; } }
    .hp-module .row-header h1 {
      font-size: 28px;
      line-height: 1.2em;
      font-family: 'DIN', sans-serif;
      font-weight: 400;
      display: inline-block;
      color: inherit;
      font-weight: 300;
      margin-bottom: 40px;
      margin-top: 80px; }
      @media only screen and (min-width: 768px) {
        .hp-module .row-header h1 {
          font-size: 70px;
          line-height: 1.1em; } }
      @media only screen and (min-width: 1170px) {
        .hp-module .row-header h1 {
          font-size: 90px;
          line-height: 1.1em; } }
      .hp-module .row-header h1 strong {
        color: #d10969;
        font-weight: 500; }
      @media only screen and (min-width: 768px) {
        .hp-module .row-header h1 {
          margin-top: 15px; } }
  .hp-module .article-module {
    margin-bottom: 50px; }

/* Case Studies HP */
#hp-carousel .carousel-control {
  position: absolute;
  bottom: 50px;
  top: auto;
  width: 35px;
  background-color: transparent;
  background-image: none; }
  #hp-carousel .carousel-control:after, #hp-carousel .carousel-control:before {
    content: none;
    display: none; }
  #hp-carousel .carousel-control.left {
    left: 25px; }
    @media only screen and (min-width: 768px) {
      #hp-carousel .carousel-control.left {
        right: 130px;
        left: auto; } }
  #hp-carousel .carousel-control.right {
    left: 100px; }
    @media only screen and (min-width: 768px) {
      #hp-carousel .carousel-control.right {
        right: 60px;
        left: auto; } }

#hp-carousel .hp-module {
  padding-top: 40px;
  position: relative;
  min-height: 600px; }
  @media only screen and (min-width: 768px) {
    #hp-carousel .hp-module {
      min-height: 80vh;
      height: 800px;
      min-height: auto; } }
  #hp-carousel .hp-module .row-header .btn-default {
    position: absolute;
    right: 25px;
    top: 57px;
    display: none; }
    @media only screen and (min-width: 768px) {
      #hp-carousel .hp-module .row-header .btn-default {
        display: block; } }
  #hp-carousel .hp-module .row-header h4 {
    color: white !important; }
  #hp-carousel .hp-module .row-header h1 {
    font-size: 40px;
    line-height: 1.2em;
    display: block;
    color: inherit;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 100px;
    font-weight: 500; }
    @media only screen and (min-width: 768px) {
      #hp-carousel .hp-module .row-header h1 {
        font-size: 45px;
        line-height: 1.1em; } }
    @media only screen and (min-width: 768px) {
      #hp-carousel .hp-module .row-header h1 {
        display: inline-block;
        margin-left: 20px;
        margin-top: 15px;
        position: relative;
        top: 10px; } }
    @media only screen and (min-width: 1170px) {
      #hp-carousel .hp-module .row-header h1 {
        top: 0; } }
  #hp-carousel .hp-module footer {
    padding-top: 300px;
    bottom: 120px;
    position: absolute;
    width: calc(100% - 40px); }
    @media only screen and (min-width: 768px) {
      #hp-carousel .hp-module footer {
        padding-top: 0px;
        margin-bottom: 0px;
        bottom: 40px; } }
    #hp-carousel .hp-module footer p {
      font-size: 28px;
      line-height: 1.2em;
      letter-spacing: -0.02em;
      font-weight: 100;
      margin-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        #hp-carousel .hp-module footer p {
          font-size: 48px;
          letter-spacing: -0.02em;
          line-height: 1.2em; } }
      @media only screen and (min-width: 768px) {
        #hp-carousel .hp-module footer p {
          margin-bottom: 0; } }

#hp-carousel .carousel-indicators {
  text-align: left;
  left: 65px;
  top: 170px;
  margin-left: 0;
  bottom: auto;
  display: none; }
  @media only screen and (min-width: 768px) {
    #hp-carousel .carousel-indicators {
      display: block; } }
  #hp-carousel .carousel-indicators li {
    text-indent: 0;
    width: auto;
    border: none;
    color: white;
    margin-right: 30px;
    height: auto;
    opacity: 0.7;
    font-size: 16px;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      #hp-carousel .carousel-indicators li {
        font-size: 20px;
        line-height: 1.5em; } }
    #hp-carousel .carousel-indicators li.active {
      background-color: transparent;
      opacity: 1; }

/* CSS used here will be applied after bootstrap.css */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  height: auto;
  width: 100%;
  line-height: 1; }

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 2; }

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.hp-capabilities {
  color: #101010;
  padding-bottom: 70px; }
  @media only screen and (min-width: 768px) {
    .hp-capabilities {
      text-align: right; } }
  .hp-capabilities .capabilities {
    text-align: justify;
    margin-top: 80px;
    margin-bottom: 0px; }
    @media only screen and (min-width: 768px) {
      .hp-capabilities .capabilities {
        margin-top: 110px;
        margin-bottom: 130px; } }
    .hp-capabilities .capabilities ul {
      list-style: none;
      display: block;
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 1170px) {
        .hp-capabilities .capabilities ul {
          text-align-last: justify; } }
      .hp-capabilities .capabilities ul li {
        display: block;
        margin-bottom: 5px; }
        @media only screen and (min-width: 1170px) {
          .hp-capabilities .capabilities ul li {
            display: inline-block;
            margin-bottom: 0; } }
        .hp-capabilities .capabilities ul li a {
          display: inline-block;
          font-size: 20px;
          line-height: 1.2em;
          color: #9a9a9a;
          letter-spacing: 0; }
          .hp-capabilities .capabilities ul li a:hover {
            color: #101010; }
          .hp-capabilities .capabilities ul li a:after {
            width: 20px;
            position: relative;
            top: 3px;
            margin-left: 10px; }
    .hp-capabilities .capabilities .btn-default {
      margin-top: 50px; }
      @media only screen and (min-width: 768px) {
        .hp-capabilities .capabilities .btn-default {
          margin-top: 110px;
          float: right; } }
    .hp-capabilities .capabilities h2 {
      width: 100%;
      display: block;
      position: relative;
      font-size: 14px;
      line-height: 1.2em;
      letter-spacing: -0.02em;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #9a9a9a;
      margin-bottom: 10px; }
      .hp-capabilities .capabilities h2 span {
        background-color: white;
        padding-right: 10px; }
      .hp-capabilities .capabilities h2:after {
        position: absolute;
        top: 50%;
        left: 0;
        height: 1px;
        width: 100%;
        display: block;
        content: "";
        z-index: -1;
        background-color: #9a9a9a; }

.hp-news {
  padding: 0; }
  .hp-news .row-header {
    margin-bottom: 40px; }
  .hp-news .hero-news, .hp-news .more-news {
    float: left;
    width: 100%;
    padding: 30px 0 30px; }
    @media only screen and (min-width: 768px) {
      .hp-news .hero-news, .hp-news .more-news {
        padding: 40px 0 30px; } }
  .hp-news .hero-news {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .hp-news .hero-news h1 {
      margin-bottom: 0px; }
  .hp-news .more-news {
    padding-top: 80px;
    padding-bottom: 50px;
    position: relative;
    color: #9a9a9a; }
    @media only screen and (min-width: 768px) {
      .hp-news .more-news {
        padding-top: 165px; } }
    .hp-news .more-news .bg {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .hp-news .more-news .bg {
          width: 50%; } }
      @media only screen and (min-width: 1170px) {
        .hp-news .more-news .bg {
          width: 60%; } }
    .hp-news .more-news .article-module.listing {
      color: #101010;
      background-color: white;
      padding: 30px;
      border-bottom: none; }
      @media only screen and (min-width: 768px) {
        .hp-news .more-news .article-module.listing {
          border-bottom: 1px solid;
          color: inherit;
          padding: 0px;
          background-color: transparent; } }

.footer-read-more {
  background-color: #d10969;
  width: 100%;
  display: block;
  text-align: right;
  font-size: 20px;
  line-height: 1.2em;
  color: white;
  padding: 7px 15px;
  text-transform: none;
  letter-spacing: -0.04em; }
  .footer-read-more:before {
    width: 20px;
    margin-right: 15px;
    position: relative;
    top: 0px; }
  .footer-read-more span {
    float: left;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    position: relative;
    top: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em; }

/* Partner with us */
.partner-us {
  float: left;
  width: 100%;
  overflow: hidden;
  background-color: #101010; }
  .partner-us .left-info-container {
    padding-top: 100px; }
    @media only screen and (min-width: 768px) {
      .partner-us .left-info-container {
        padding-top: 50%; } }
  .partner-us .right-info-container {
    padding-top: 20px; }
    @media only screen and (min-width: 768px) {
      .partner-us .right-info-container {
        padding-top: 30px; } }
  .partner-us .left {
    position: relative;
    color: white; }
    @media only screen and (min-width: 768px) {
      .partner-us .left {
        width: 50%;
        height: 100vh;
        float: left; } }
    .partner-us .left .left-info-container {
      position: relative;
      padding-left: 30px;
      padding-right: 30px;
      width: 100vw;
      padding-bottom: 15px; }
      @media only screen and (min-width: 768px) {
        .partner-us .left .left-info-container {
          padding-left: 80px;
          padding-right: 35px;
          width: 50vw;
          height: 100vh; } }
      .partner-us .left .left-info-container h1 {
        font-weight: 500;
        color: white;
        text-align: left;
        margin-bottom: 55px;
        font-size: 30px;
        line-height: 30px; }
        @media only screen and (min-width: 768px) {
          .partner-us .left .left-info-container h1 {
            text-align: right;
            margin-bottom: 85px;
            font-size: 60px;
            line-height: 70px;
            -webkit-transform: translateY(-55%);
            -moz-transform: translateY(-55%);
            -o-transform: translateY(-55%);
            transform: translateY(-55%); } }
        @media only screen and (min-width: 1170px) {
          .partner-us .left .left-info-container h1 {
            font-size: 80px;
            line-height: 70px; } }
  .partner-us .right {
    float: left;
    color: #9a9a9a;
    overflow: hidden;
    background-color: white; }
    @media only screen and (min-width: 768px) {
      .partner-us .right {
        min-height: 100vh;
        width: 50%; } }
    .partner-us .right .right-info-container {
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      position: relative;
      width: 100vw;
      padding-right: 25px;
      padding-left: 25px;
      padding-bottom: 50px; }
      @media only screen and (min-width: 768px) {
        .partner-us .right .right-info-container {
          padding-right: 30px;
          padding-left: 30px;
          padding-bottom: 80px;
          width: 50vw; } }
      @media only screen and (min-width: 1170px) {
        .partner-us .right .right-info-container {
          padding-right: 50px;
          padding-left: 50px;
          padding-bottom: 100px;
          width: 50vw; } }
      .partner-us .right .right-info-container footer {
        margin-top: 40px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left; }
        @media only screen and (min-width: 1170px) {
          .partner-us .right .right-info-container footer {
            text-align: right;
            width: 100%;
            left: 0;
            padding-left: 0px;
            padding-right: 0px; } }
        .partner-us .right .right-info-container footer .contacts {
          text-align: left; }
          @media only screen and (min-width: 1170px) {
            .partner-us .right .right-info-container footer .contacts {
              text-align: left; } }
          .partner-us .right .right-info-container footer .contacts .col-sm-4 {
            margin-bottom: 15px; }
        .partner-us .right .right-info-container footer .btn {
          margin-bottom: 30px; }
        .partner-us .right .right-info-container footer h5 {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 5px;
          color: #2c2c2c; }
        .partner-us .right .right-info-container footer p {
          font-size: 12px;
          line-height: 18px;
          margin: 0;
          color: #9a9a9a; }
      .partner-us .right .right-info-container h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2em;
        letter-spacing: -0.03em;
        margin-bottom: 35px;
        text-align: center; }
      .partner-us .right .right-info-container form {
        background-color: #353535;
        color: white;
        overflow: hidden; }
        .partner-us .right .right-info-container form .input-container {
          padding: 45px 30px 10px;
          margin-bottom: 20px;
          border-bottom: 1px solid #414141;
          position: relative;
          text-align: right; }
        .partner-us .right .right-info-container form input, .partner-us .right .right-info-container form textarea {
          width: calc(100% - 160px);
          margin-bottom: 0;
          padding-bottom: 0;
          color: #9a9a9a; }
        .partner-us .right .right-info-container form input[type="submit"] {
          width: auto;
          color: white; }
        .partner-us .right .right-info-container form textarea {
          height: auto;
          min-height: 150px; }
          .partner-us .right .right-info-container form textarea:focus {
            max-width: 100%; }
        .partner-us .right .right-info-container form label {
          position: absolute;
          bottom: 16px;
          display: inline;
          left: 30px;
          top: auto;
          margin-bottom: 0; }

/* News / Blog */
.article-module {
  background-color: white;
  padding: 30px 30px 25px; }
  .article-module h4 {
    margin-bottom: 0;
    color: #d10969; }
    .article-module h4 .date {
      color: #9a9a9a;
      margin-left: 20px; }
  .article-module h2 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 20px;
    color: #101010; }
    .article-module h2 a {
      background-size: 0% 100%;
      background-image: linear-gradient(to bottom, transparent 95%, #000 5%);
      background-repeat: no-repeat;
      text-decoration: none;
      -webkit-transition: background-size 0.4s ease;
      -moz-transition: background-size 0.4s ease;
      -o-transition: background-size 0.4s ease;
      transition: background-size 0.4s ease; }
      .article-module h2 a:hover {
        color: inherit;
        background-size: 100% 100%; }
  .article-module p {
    font-size: 16px;
    line-height: 1.5em;
    font-size: 20px !important;
    color: #9a9a9a;
    font-weight: 100;
    margin-bottom: 30px !important;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .article-module p {
        font-size: 20px;
        line-height: 1.5em; } }
  @media only screen and (min-width: 768px) {
    .article-module > div {
      height: 200px; } }
  @media only screen and (min-width: 1170px) {
    .article-module > div {
      height: 160px; } }
  .article-module footer {
    padding-top: 8px;
    margin-top: 23px;
    border-top: 1px solid #9a9a9a; }
    .article-module footer a {
      font-size: 20px;
      line-height: 1.2em;
      font-family: 'DIN', sans-serif;
      font-weight: 700;
      letter-spacing: -0.04em;
      color: #d10969; }
      .article-module footer a:before {
        content: url("../content/icons/arrow-right.svg");
        display: inline-block;
        width: 20px;
        margin-right: 10px; }
      .article-module footer a:before {
        left: 0px;
        -webkit-transition: left 0.2s ease;
        -moz-transition: left 0.2s ease;
        -o-transition: left 0.2s ease;
        transition: left 0.2s ease;
        position: relative; }
      .article-module footer a:hover:before {
        left: 5px; }
  .article-module.listing {
    color: inherit;
    background-color: transparent;
    padding: 0;
    border-bottom: 1px solid;
    margin-bottom: 50px; }

.article-module h4.category, .article-module-footer h4.category {
  margin-right: 15px; }
  @media only screen and (min-width: 768px) {
    .article-module h4.category, .article-module-footer h4.category {
      margin-right: 40px; } }

.article-module p, .article-module-footer p {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  margin: 0; }

.article-module h3, .article-module-footer h3 {
  font-weight: 100;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  font-family: 'DIN', sans-serif;
  color: #9a9a9a;
  font-weight: 400;
  margin: 13px 0 0; }

.post-content .article-module-footer .share-options {
  padding-left: 0px;
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    .post-content .article-module-footer .share-options {
      padding-left: 93px;
      padding-top: 30px; } }
  .post-content .article-module-footer .share-options ul {
    text-align: justify;
    text-align-last: justify;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none; }
    .post-content .article-module-footer .share-options ul li {
      display: inline-block;
      float: none; }
      .post-content .article-module-footer .share-options ul li a {
        color: #9a9a9a; }

.post-content .article-module-footer h3 {
  margin: 0px 0;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: -0.02em; }
  @media only screen and (min-width: 768px) {
    .post-content .article-module-footer h3 {
      margin: 13px 0; } }
  @media only screen and (min-width: 768px) {
    .post-content .article-module-footer h3:last-of-type {
      float: right; } }

.post-content .article-module-footer .category {
  margin: 0 0 13px;
  width: 90px;
  background-color: transparent;
  padding: 0; }
  .post-content .article-module-footer .category a {
    background-color: #fcf751;
    display: inline-block;
    padding: 0 0.3em;
    letter-spacing: 0.04em;
    text-transform: lowercase; }

.article-module-footer .author {
  margin-right: 0px;
  float: right; }
  @media only screen and (min-width: 768px) {
    .article-module-footer .author {
      float: none;
      margin-right: 40px; } }

/* Blog Listing Page */
.blog-news {
  padding: 80px 0 30px; }
  .blog-news .article-module {
    margin-bottom: 50px; }

/* Blog Post + FAQ's */
.post-content {
  background-color: #9a9a9a;
  overflow: hidden;
  padding: 30px 0 30px; }
  @media only screen and (min-width: 768px) {
    .post-content {
      padding: 75px 0 40px; } }
  .post-content h3 {
    font-weight: 100;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0 0 30px;
    color: #7d849b;
    font-family: 'DIN', sans-serif; }
    @media only screen and (min-width: 768px) {
      .post-content h3 {
        font-size: 24px;
        line-height: 1.2em; } }
  .post-content h2 {
    margin: 20px 0 50px;
    display: inline-block;
    letter-spacing: 0.04em; }
  .post-content p {
    color: #7d849b;
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 30px; }
    @media only screen and (min-width: 768px) {
      .post-content p {
        font-size: 20px;
        line-height: 1.5em; } }
  @media only screen and (min-width: 768px) {
    .post-content footer .back-to-container {
      border-bottom: none; } }
  .post-content .back-to-container {
    border-bottom: 1px solid #9a9a9a;
    padding: 0 0 30px;
    margin: 0px 0 15px; }
    @media only screen and (min-width: 768px) {
      .post-content .back-to-container {
        margin: 22px 0 15px; } }
  .post-content footer:not(.article-module-footer) {
    margin: 00px 0 0; }
    @media only screen and (min-width: 1170px) {
      .post-content footer:not(.article-module-footer) {
        margin: 70px 0 0; } }
  .post-content .full-image {
    margin: 30px 0 30px; }
    @media only screen and (min-width: 768px) {
      .post-content .full-image {
        margin: 30px 0 70px; } }
    .post-content .full-image img {
      width: 100%; }
  .post-content .img-container {
    margin-bottom: 30px;
    margin-top: 45px; }
    @media only screen and (min-width: 1280px) and (max-width: 1440px) {
      .post-content .img-container {
        width: calc(100vw + 100% - 1195px - 10px); } }
    .post-content .img-container img {
      width: 100%; }

/* Contactos */
.contacts-page {
  background-color: #9a9a9a;
  position: relative;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .contacts-page {
      padding-top: 170px;
      padding-bottom: 100px; } }
  .contacts-page .contacts-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 300px;
    top: 0; }
    @media only screen and (min-width: 768px) {
      .contacts-page .contacts-bg {
        width: 40%;
        top: 0;
        height: 100%; } }
    @media (min-width: 1600px) {
      .contacts-page .contacts-bg {
        width: 43%; } }
  .contacts-page h1 {
    font-size: 28px;
    line-height: 1.2em;
    font-family: 'DIN', sans-serif;
    font-weight: 400;
    margin-bottom: 45px; }
    @media only screen and (min-width: 768px) {
      .contacts-page h1 {
        font-size: 70px;
        line-height: 1.1em; } }
    @media only screen and (min-width: 1170px) {
      .contacts-page h1 {
        font-size: 90px;
        line-height: 1.1em; } }
    .contacts-page h1 strong {
      color: #d10969;
      font-weight: 500; }
  .contacts-page p {
    font-size: 16px;
    line-height: 1.5em;
    color: #013b51;
    font-weight: 100;
    margin-bottom: 100px; }
    @media only screen and (min-width: 768px) {
      .contacts-page p {
        font-size: 20px;
        line-height: 1.5em; } }
  .contacts-page form .field {
    vertical-align: top;
    width: 100%;
    margin-bottom: 65px;
    float: left; }
  .contacts-page form .label-container {
    width: 30%;
    float: left; }
  .contacts-page form .input-container {
    width: 70%;
    float: left; }
  .contacts-page form label {
    background-color: #fcf751;
    display: inline-block;
    padding: 0 0.3em;
    letter-spacing: 0.04em;
    text-transform: lowercase; }
  .contacts-page form input[type="submit"] {
    float: right; }
