@charset "UTF-8";

h1,
h2,
h3,
ol,
p,
ul {
  margin-top: 0
}

button,
hr {
  overflow: visible
}

article,
figcaption,
figure,
footer,
header,
legend,
nav,
section {
  display: block
}

h1,
h2,
h3,
label,
legend {
  margin-bottom: .5rem
}

.col-12,
.img-fluid,
legend {
  max-width: 100%
}

.btn,
img {
  vertical-align: middle
}

.article__social,
.opinion__image {
  -ms-grid-row-align: center;
  align-self: center
}

.article__list-item--2,
.col-12,
.statement,
.statement__sign,
body {
  position: relative
}

.comments__list,
.list,
.nav {
  list-style: none
}

*,
::after,
::before {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
  color: #222
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0
}

ol,
p,
ul {
  margin-bottom: 1rem
}

blockquote,
figure {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}

code {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}

img {
  border-style: none;
  height: auto
}

label {
  display: inline-block
}

button {
  border-radius: 0;
  text-transform: none
}

.comments__button,
.footer__heading,
.header__heading,
.header__promo,
.header__slogan,
.nav__item {
  text-transform: uppercase
}

button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px
}

.btn:focus,
.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

button,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  width: 100%;
  padding: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

.col-12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%
}

.btn,
.form-control {
  font-weight: 400;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5
}

.img-fluid {
  height: auto
}

.figure {
  display: inline-block
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

textarea.form-control {
  height: auto
}

.text-center {
  text-align: center !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}


.d-block {
  display: block !important
}

.d-flex {
  display: flex !important
}

.mt-0 {
  margin-top: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.pl-0 {
  padding-left: 0 !important
}

.mt-n1 {
  margin-top: -.25rem !important
}

.mt-n2 {
  margin-top: -.5rem !important
}

.mt-n3 {
  margin-top: -1rem !important
}

.mt-n4 {
  margin-top: -1.5rem !important
}

.mt-n5 {
  margin-top: -3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px
}

html {
  font-size: 93.75%
}

.cta {
  color: #00f;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: underline
}

.text-tinos {
  font-family: Tinos, serif
}

body,
html {
  min-height: 100%
}

.header {
  max-width: 960px;
  margin: 0 auto
}

.header--wide {
  max-width: 100%
}

.header__hot {
  display: flex;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .35rem;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px
}

.header__slogan {
  display: inline-block;
  padding: .6rem .75rem;
  background-color: #d33f4f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.header__title {
  display: none;
  margin-bottom: 0;
  margin-left: 1rem;
  font-family: Roboto, sans-serif;
  font-size: 14px
}

.header__right {
  display: flex;
  margin-left: auto
}

.header__icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  padding: .75rem;
  border-radius: 50%;
  background-color: #1a2b4c;
  color: #fff;
  font-size: .75rem
}

.header__promo {
  margin-right: 1rem;
  font-size: .9375rem
}

.header__banner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .43), rgba(0, 0, 0, .43)) 0 0/cover, url(../img/banner.jpg) center/cover no-repeat;
  color: #fff
}

.header__heading {
  margin-top: .4rem;
  margin-bottom: auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 26px;
  text-align: center
}

.article__heading {
  margin: 1.3rem 0;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center
}

.nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0
}

.nav__item {
  flex: 1;
  padding: .5rem;
  transition: background-color .3s ease-in-out;
  background-color: rgba(30, 152, 192, .51);
  font: 700 11px/1.25 "Roboto Condensed", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.statement__content,
.yellow-box {
  font-style: italic
}

.nav__item:hover {
  background-color: rgba(30, 152, 192, .71);
  cursor: pointer
}

.nav__item:active,
.nav__item:focus {
  background-color: rgba(30, 152, 192, .31);
  cursor: pointer
}

.fa-facebook-square {
  color: #304b98
}

.fa-google-plus-square {
  color: #d33f4f
}

.fa-twitter-square {
  color: #3ea7e6
}

.yellow-box {
  margin-bottom: 1rem;
  padding: 1.5rem .6rem .5rem;
  background-color: rgba(253, 255, 185, .5);
  color: #222;
  font-size: 17px;
  line-height: 1.3;
  text-align: center
}

.dashed-border {
  border: 4px dashed #1e98c0;
  border-radius: 4px
}

.opinion,
.opinion-flex,
.opinion-flow {
  margin-bottom: 25px;
  padding: 7px 10px;
  background-color: #e3e3e3;
  font-family: Tinos, sans-serif;
  font-style: italic;
  box-shadow: rgba(0, 0, 0, .5) 1px 1px 3px 0
}

.opinion-flex-grid,
.opinion-flow-grid,
.opinion-grid {
  padding: .9rem
}

.opinion--white,
.opinion-flex--white,
.opinion-flow--white {
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  background-color: #fff;
  box-shadow: none
}

.article__author,
.article__figcaption,
.statement--bordered {
  border-bottom: 1px solid #e3e3e3
}

.opinion--white .opinion__sign,
.opinion-flex--white .opinion__sign,
.opinion-flow--white .opinion__sign {
  color: #000
}

.opinion--yellow-lighter2,
.opinion-flex--yellow-lighter2,
.opinion-flow--yellow-lighter2 {
  background-color: #fffadd;
  box-shadow: none
}

.opinion--yellow-lighter,
.opinion-flex--yellow-lighter,
.opinion-flow--yellow-lighter {
  background-color: #feffd5;
  color: #222;
  box-shadow: none
}

.opinion--yellow-lighter .opinion__sign,
.opinion-flex--yellow-lighter .opinion__sign,
.opinion-flow--yellow-lighter .opinion__sign {
  color: #000
}

.opinion--yellow,
.opinion-flex--yellow,
.opinion-flow--yellow {
  background-color: #fff2a0
}

.opinion--yellow-darker,
.opinion-flex--yellow-darker,
.opinion-flow--yellow-darker {
  background-color: #f4c741
}

.opinion .opinion__image,
.opinion-flex .opinion__image,
.opinion-flow .opinion__image {
  display: block;
  margin: 0 auto 20px
}

.opinion .opinion__paragraph,
.opinion .opinion__sign,
.opinion-flex .opinion__paragraph,
.opinion-flex .opinion__sign,
.opinion-flow .opinion__paragraph,
.opinion-flow .opinion__sign {
  margin-bottom: 0
}

.opinion .opinion__paragraph,
.opinion-flex .opinion__paragraph,
.opinion-flow .opinion__paragraph {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.375
}

.opinion .opinion__paragraph--small,
.opinion-flex .opinion__paragraph--small,
.opinion-flow .opinion__paragraph--small {
  font-size: 15px
}

.opinion .opinion__paragraph--medium,
.opinion-flex .opinion__paragraph--medium,
.opinion-flow .opinion__paragraph--medium {
  font-size: 1.0875rem;
  line-height: 1.25
}

.opinion .opinion__sign,
.opinion-flex .opinion__sign,
.opinion-flow .opinion__sign {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: right
}

.opinion .opinion__sign:not(.opinion__sign--info),
.opinion-flex .opinion__sign:not(.opinion__sign--info),
.opinion-flow .opinion__sign:not(.opinion__sign--info) {
  margin-top: 1rem
}

.opinion .opinion__sign--info,
.opinion-flex .opinion__sign--info,
.opinion-flow .opinion__sign--info {
  display: block;
  font-weight: 400
}

.opinion {
  display: flex;
  flex-direction: column
}

.opinion__image {
  flex: 0 0 auto
}

.opinion__text {
  flex: 1
}

.opinion__paragraph--line-height-smallest {
  line-height: 1.125 !important
}

.opinion__paragraph--line-height-smaller {
  line-height: 1.175 !important
}

.opinion__paragraph--line-height-medium {
  line-height: 1.2 !important
}

.opinion__content--bot {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.opinion--sign-left .opinion__sign {
  padding-left: 15px;
  text-align: left
}

.opinion-flex .opinion__image {
  display: block;
  margin: 0 auto 1rem
}

.opinion-flex .opinion__content {
  font-size: 17px
}

.opinion-flex .opinion__paragraph {
  margin-bottom: auto;
  line-height: 1.3
}

.opinion-flex .opinion__sign {
  font-size: 15px
}

.statement {
  margin-bottom: .75rem;
  font-family: Georgia, sans-serif
}

.statement--bordered {
  padding: .25rem 0;
  border-top: 1px solid #e3e3e3
}

.statement__image {
  display: block;
  flex: 1 0 auto;
  margin: 0 auto 1rem;
  float: unset
}

.statement__sign {
  right: unset;
  bottom: unset;
  float: right;
  font-size: .875rem;
  line-height: 1.1;
  text-align: right
}

.double-image {
  display: flex;
  flex-direction: column;
  align-items: center
}

.double-image__image-box {
  display: table;
  padding-top: 1rem
}

.double-image__info {
  display: table-caption;
  font-size: .875rem;
  caption-side: bottom
}

.figure__figcaption,
.images-box__caption {
  font-size: 1.06666666rem;
  text-align: center;
  line-height: 1.3;
  font-style: italic
}

.images-box {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.images-box__caption {
  flex: 0 0 100%;
  max-width: 100%;
  font-family: "Times New Roman", sans-serif
}

.figure--left,
.figure--right {
  display: table;
  margin: 1.2rem auto
}

.figure--left .figure__image,
.figure--right .figure__image {
  margin-bottom: 0
}

.figure--left .figure__figcaption,
.figure--right .figure__figcaption {
  display: table-caption;
  padding: .7rem 0;
  background-color: #e3e3e3;
  font-family: 'Open Sans', sans-serif;
  caption-side: bottom
}

.figure--one-third {
  flex: 0 0 100%;
  max-width: 100%
}

.article__top,
.list {
  flex-direction: column
}

.figure__image {
  display: block;
  margin: 0 auto .5rem
}

.figure__figcaption {
  font-family: "Times New Roman", sans-serif
}

.image-box {
  display: none;
  width: auto;
  text-align: center
}

.image-sign-bg {
  padding: .2rem 0;
  background-color: #e3e3e3;
  font-size: 15px
}

.article {
  font-size: 1.065rem
}

.article__paragraph {
  margin-bottom: 1.2rem;
  font-size: 17px;
  line-height: 1.3
}

.article__paragraph--big-1 {
  font-size: 18px
}

.article__image-top {
  margin-bottom: 1.5rem
}

.article__lead {
  margin-bottom: 1.125rem;
  line-height: 1.3
}

.article__subheading {
  font-size: 21px
}

.article__subheading--smaller {
  font-size: 1.125rem
}

.article__subheading--bigger {
  font-size: 1.47rem
}

.article__quote {
  padding: .1rem 0 .1rem 1rem;
  border-left: 2px solid #02478f;
  font-family: Tinos, serif;
  font-style: italic
}

.article__top {
  display: flex;
  align-items: center;
  margin-bottom: 2rem
}

.article__author {
  width: 100%;
  margin-top: .3rem;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-top: 1px solid #e3e3e3;
  color: #8e8e8e;
  font-size: .875rem;
  font-weight: 700;
  text-align: left
}

.article__author span {
  color: #1a2b4c
}

.article__social {
  order: -1
}

.article__social i {
  margin-left: .875rem;
  font-size: 2rem
}

.article__lead {
  font-size: 20px;
  font-weight: 700
}

.article__lead--big {
  font-family: Roboto, sans-serif;
  font-size: 1.1rem;
  line-height: 1.3
}

.article__figure {
  display: table;
  margin-right: auto;
  margin-left: auto
}

.article__figcaption {
  display: table-caption;
  padding: .5rem;
  font-size: .875rem;
  caption-side: bottom
}

.article__figcaption .text-tinos {
  font-size: .95rem
}

.article__figcaption--grey {
  background-color: #e3e3e3;
  color: #000
}

.article__blockquote {
  padding-left: .75rem;
  border-left: 2px solid #1e98c0;
  font-size: 1.125rem
}

.article__blockquote--gray {
  padding: .75rem;
  border: 0;
  background-color: #e3e3e3;
  font-style: italic
}

.article__cite {
  display: block;
  padding-bottom: .5rem;
  border-bottom: 1px solid #e3e3e3
}

.article__list {
  padding-left: 30px;
  font-size: 1.125rem
}

.article__list--2 {
  display: block;
  width: 100%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.article__list--3 {
  list-style-type: none;
  font-size: 1rem
}

.article__list--gray {
  padding: .5rem 2.25rem;
  background-color: #e3e3e3;
  box-shadow: rgba(0, 0, 0, .5) 1px 1px 3px 0
}

.article__list-item:not(:last-child) {
  margin-bottom: .5rem
}

.article__list-item--2::before {
  content: '\2022';
  color: #000;
  font-size: 1.2rem;
  padding-right: 1rem
}

.article__image {
  display: block;
  margin: 0 auto 10px
}

.article__image--bordered {
  border: 1px solid #e3e3e3
}

.btn--back {
  display: block;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  background-color: #304b98;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}

.btn--back:hover {
  background-color: #3c5ebf;
  color: #fff
}

.btn--back:active,
.btn--back:focus {
  background-color: #243871;
  color: #fff
}

.disclaimer__container,
.footer {
  background-color: #e3e3e3
}

.footer {
  max-width: 960px;
  margin: 3rem auto 0;
  padding-bottom: 2rem
}

.footer--wide,
img {
  max-width: 100%
}

.footer__top {
  display: flex;
  align-items: center;
  padding: .3rem .4rem 0
}

.footer__heading {
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px
}

.footer__social {
  margin-left: auto
}

.footer__social i {
  margin-left: .4rem;
  font-size: 2rem;
  cursor: pointer
}

.footer__social i:hover {
  opacity: .7
}

.footer__nav {
  margin-top: .2rem;
  color: #fff
}

.disclaimer__content {
  margin-bottom: 0;
  padding: 1rem 0;
  font-size: .75rem
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 10
}

.modal[aria-hidden=false] .modal__content {
  animation: .3s cubic-bezier(0, 0, .2, 1) fadeIn
}

.modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.modal__close {
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  background: 0 0
}

.modal__close::before {
  content: "\2715"
}

.modal__close:focus {
  box-shadow: none
}

.modal__content {
  position: relative;
  padding: 2rem 4rem;
  background-color: #fff
}

.line {
  height: 0;
  border: 0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3
}

.list {
  display: flex;
  align-items: center;
  padding-left: 0;
  font-weight: 700
}

.comments {
  font-family: Roboto, sans-serif;
  margin-top: 40px
}

.comments h3,
.comments__button,
.comments__go-top .btn,
.comments__user {
  font-family: "Roboto Condensed", sans-serif
}

.comments h3 {
  margin-bottom: 1.3rem;
  font-size: 16px
}

.comments__important {
  color: #515151;
  font-size: 14px;
  line-height: 1.35
}

.comments__bottom {
  display: flex;
  margin: 1rem 0
}

.comments__top {
  margin: 1rem 0 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  color: #a2a2a2
}

.comments__user {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 16px
}

.comments__user-login {
  margin-right: 16px;
  color: #515151
}

.comments__user-name {
  color: #515151
}

.comments__user i {
  margin-right: .875rem;
  color: #878787;
  font-size: 1.5rem;
  cursor: pointer
}

.comments__button {
  margin-left: auto;
  padding: .5rem .4rem;
  border-radius: .5rem;
  background-color: #304b98;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1
}

.comments__button:active,
.comments__button:focus,
.comments__button:hover {
  color: #fff;
  text-decoration: none
}

.comments__list {
  margin-top: 2rem;
  margin-bottom: 1.6rem;
  padding-left: 0;
  font-size: .9rem
}

.comments__item {
  margin-top: 1rem;
  border-bottom: 1px solid #e5e3e3
}

.comments__item--indent {
  padding-left: 20px
}

.comments__meta-social.fa-google-plus-square {
  color: #d23f4f
}

.comments__meta-social.fa-facebook-square {
  color: #304b97
}

.comments__rating {
  margin-left: auto;
  color: #878787;
  font-size: 13px;
  white-space: nowrap
}

.comments__rating i {
  color: #878787;
  cursor: pointer;
  font-size: .9rem
}

.comments__rating i:not(:last-child) {
  margin-right: .3rem
}

.comments__author {
  color: #515151;
  font-weight: 700;
  font-size: 16px;
  margin-right: .5rem
}

.comments__author--named {
  display: flex;
  color: #304b98;
  font-weight: 400
}

.comments__author--named .fa {
  margin-left: .4rem
}

.comments__author .fa {
  font-size: 1.5rem;
  margin-right: .1rem
}

.comments__date {
  display: block;
  color: #878787;
  margin-right: .5rem
}

.comments__stars {
  margin-right: .3rem;
  color: #128600;
  font-weight: 700
}

.comments__warning {
  color: #ff5a41;
  font-size: .875rem
}

.comments__go-top {
  width: 100%;
  text-align: center
}

.comments__go-top .btn {
  font-size: 19px
}

.comment__text {
  margin-top: .5rem;
  margin-bottom: .2rem;
  font-size: 15px;
  line-height: 1.3
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.mb-1x {
  margin-bottom: 1rem
}

.mt-1x {
  margin-top: 1rem
}

.mt-2x {
  margin-top: 2rem
}

.mr-1x {
  margin-right: 1rem
}

.border-0 {
  border: 0 !important
}

.text-green {
  color: #178e00
}

.text-blue {
  color: #0054be
}

.bold-text {
  font-weight: 700
}

.italic-text {
  font-style: italic
}

.img-circle {
  border-radius: 50%
}

.overflow-h {
  overflow: hidden
}

.bg-yellow {
  background-color: #fff2a0
}

.bg-yellow-lighter {
  background-color: #feffd5
}

.font-tnr {
  font-family: "Times New Roman", sans-serif
}

.full-width {
  width: 100%
}

.js-resize:not(.loaded) {
  display: none
}

.text-to-left {
  text-align: left
}

.lh--1-25 {
  line-height: 1.25 !important
}

.bullets-bold {
  counter-reset: item;
  margin: 0 0 1.5em;
  padding: 0
}

.bullets-bold>li {
  counter-increment: item;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 2rem;
  text-indent: -1.2rem
}

.bullets-bold>li::before {
  content: counter(item) ".";
  display: inline-block;
  font-weight: 700;
  padding-right: .5rem;
  text-align: right;
  width: 1.5rem
}

@media (prefers-reduced-motion:reduce) {

  .btn,
  .form-control {
    transition: none
  }
}

@media (min-width:576px) {
  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-n1 {
    margin-top: -.25rem !important
  }

  .mt-sm-n2 {
    margin-top: -.5rem !important
  }

  .mt-sm-n3 {
    margin-top: -1rem !important
  }

  .mt-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mt-sm-n5 {
    margin-top: -3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .container {
    max-width: 540px
  }

  html {
    font-size: 100%
  }

  .statement__image {
    margin-right: 1rem;
    float: left
  }

  .figure--left .figure__figcaption,
  .figure--right .figure__figcaption {
    font-size: 14px
  }

  .figure__figcaption {
    font-size: 1rem
  }

  .article__top {
    flex-direction: row;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
  }

  .article__author {
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0
  }

  .article__social {
    -ms-grid-row-align: unset;
    align-self: unset;
    order: 1;
    margin-left: auto
  }

  .article__list--two-columns {
    column-count: 2
  }

  .footer__heading {
    font-size: 20px
  }

  .footer__social i {
    margin-left: 1rem
  }

  .list {
    flex-direction: row;
    justify-content: space-around
  }

  .comments__button {
    margin-top: 0;
    margin-right: 0
  }

  .comments__meta {
    display: flex;
    align-items: center
  }

  .comments__date {
    display: inherit
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-block {
    display: block !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .mt-md-n1 {
    margin-top: -.25rem !important
  }

  .mt-md-n2 {
    margin-top: -.5rem !important
  }

  .mt-md-n3 {
    margin-top: -1rem !important
  }

  .mt-md-n4 {
    margin-top: -1.5rem !important
  }

  .mt-md-n5 {
    margin-top: -3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .container {
    max-width: 784px
  }

  .header__hot {
    margin-bottom: .5rem
  }

  .header__slogan {
    padding: .5rem .75rem
  }

  .header__title {
    display: inline-block
  }

  .header__banner {
    min-height: 170px
  }

  .header__heading {
    margin-top: 2.5rem;
    font-size: 35px
  }

  .article__heading {
    margin-top: 2.2rem;
    font-size: 43px
  }

  .article__heading--small {
    font-size: 34px
  }

  .nav__item {
    padding: .7rem;
    font-size: 15px
  }

  .opinion-flex-grid,
  .opinion-flow-grid,
  .opinion-grid {
    display: -ms-grid;
    display: grid
  }

  .opinion-flex__int,
  .opinion-flow__int,
  .opinion__int {
    margin-top: 3rem
  }

  .opinion,
  .opinion-flex,
  .opinion-flow {
    padding: .5rem
  }

  .opinion .opinion__image,
  .opinion-flex .opinion__image,
  .opinion-flow .opinion__image {
    padding-right: 1rem
  }

  .opinion {
    flex-direction: row
  }

  .opinion__image {
    align-self: flex-start
  }

  .opinion__image--md-mb-0 {
    margin-bottom: 0 !important
  }

  .opinion__sign--higher {
    margin-top: -10px !important
  }

  .opinion__sign--mt-bigger {
    margin-top: 24px
  }

  .opinion-flow .opinion__image--left {
    float: left
  }

  .opinion-flow .opinion__image--right {
    padding-right: 0 !important;
    padding-left: 1rem;
    float: right
  }

  .opinion-flex {
    display: flex;
    padding: .3rem
  }

  .opinion-flex .opinion__image {
    flex: 0 0 auto;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 0
  }

  .opinion-flex .opinion__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%
  }

  .statement__sign {
    position: absolute;
    right: 1rem;
    bottom: 1rem
  }

  .double-image {
    flex-direction: row;
    justify-content: center;
    padding: 1rem 0
  }

  .double-image__image-box {
    margin: 0 1rem
  }

  .figure--right {
    margin-left: 1rem;
    float: right
  }

  .figure--left {
    margin-right: 1rem;
    float: left
  }

  .figure--left,
  .figure--right {
    margin-top: .3rem
  }

  .figure--one-third {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin-bottom: 0
  }

  .image-box {
    display: block
  }

  .image-box--left {
    float: left
  }

  .image-box--2 {
    display: flex;
    flex-direction: column
  }

  .article {
    max-width: 724px;
    margin: 0 auto
  }

  .article__top {
    margin-top: 2rem;
    margin-bottom: 1.5rem
  }

  .article__lead--big {
    font-size: 1.25rem
  }

  .article__list--2 {
    text-align: left
  }

  .article__image--left {
    margin-right: 25px;
    float: left
  }

  .article__image--right {
    margin-left: 25px;
    float: right
  }

  .footer {
    padding-bottom: 2.5rem
  }

  .footer__top {
    padding: .3rem 1.5rem 0
  }

  .footer__heading {
    font-size: 30px
  }

  .comments__top {
    flex-direction: row
  }

  .comments__user {
    justify-content: flex-start;
    font-size: 1rem
  }

  .comments__button {
    min-width: 215px
  }

  .comments__list {
    margin-top: 2.8rem
  }

  .comments__item--indent {
    padding-left: 30px
  }

  .comments__date {
    font-size: 16px
  }

  .flex-row {
    display: flex
  }

  .mt-md-4rem {
    margin-top: 4rem !important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-n1 {
    margin-top: -.25rem !important
  }

  .mt-lg-n2 {
    margin-top: -.5rem !important
  }

  .mt-lg-n3 {
    margin-top: -1rem !important
  }

  .mt-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mt-lg-n5 {
    margin-top: -3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .container {
    max-width: 980px
  }

  .header__banner {
    min-height: 190px
  }

  .header__heading {
    font-size: 53px
  }

  .article__heading {
    font-size: 47px
  }

  .article__heading--big-1 {
    font-size: 53px
  }

  .article__heading--small-1 {
    font-size: 45px
  }

  .opinion .opinion__image,
  .opinion-flex .opinion__image,
  .opinion-flow .opinion__image {
    margin-bottom: 0
  }

  .opinion .opinion__paragraph,
  .opinion-flex .opinion__paragraph,
  .opinion-flow .opinion__paragraph {
    margin-bottom: 0;
    font-size: 18px
  }

  .opinion__image--md-mb-0 {
    margin-bottom: auto
  }

  .opinion__sign--higher {
    margin-top: 0 !important
  }

  .article {
    max-width: 992px
  }

  .article__title-box {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 2rem
  }

  .article__title-box--smaller-padding {
    padding: 0 1rem
  }

  .article__image-top {
    margin-bottom: 2rem
  }

  .article__subheading {
    margin-bottom: .8rem;
    font-size: 23px
  }

  .article__figure--right {
    margin-left: 2rem;
    float: right
  }

  .comments h3 {
    margin-bottom: .7rem;
    font-size: 27px
  }

  .comments__important {
    margin-bottom: .5rem
  }

  .comments__top {
    margin: 0 0 1.2rem
  }

  .comments__button {
    min-width: 0;
    padding: .5rem 1.3rem
  }

  .comments__item--indent {
    padding-left: 90px
  }

  .comment__text {
    margin-top: 1.1rem;
    margin-bottom: .7rem
  }
}

@media (min-width:1200px) {
  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-n1 {
    margin-top: -.25rem !important
  }

  .mt-xl-n2 {
    margin-top: -.5rem !important
  }

  .mt-xl-n3 {
    margin-top: -1rem !important
  }

  .mt-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mt-xl-n5 {
    margin-top: -3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .container {
    max-width: 1200px
  }

  .opinion .opinion__paragraph,
  .opinion-flex .opinion__paragraph,
  .opinion-flow .opinion__paragraph {
    font-size: 1.125rem
  }

  .opinion .opinion__paragraph--small,
  .opinion-flex .opinion__paragraph--small,
  .opinion-flow .opinion__paragraph--small {
    font-size: 15px
  }

  .opinion .opinion__paragraph--medium,
  .opinion-flex .opinion__paragraph--medium,
  .opinion-flow .opinion__paragraph--medium {
    font-size: 1.0875rem
  }

  .article__figure--left {
    margin-right: 2rem;
    float: left
  }
}

.hidden {
  display: none
}


html {
  scroll-behavior: smooth
}

.thanks-box {
  visibility: hidden;
  margin: auto;
  height: 25%;
  width: 40%;
  transform: translateY(-100%);
  background-color: rgba(255, 255, 255);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border: 1px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Arial;
  position: fixed;
  top: 80%;
  left: 30%
}

.close {
  color: #222;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  height: 33px;
  width: 33px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px
}

.close:hover {
  cursor: pointer
}

.p1,
.p2 {
  color: #222;
  font-family: Roboto, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-style: normal;
  text-align: center;
  text-align-last: center;
  align-self: center
}

.p2 {
  padding-top: 15px;
  font-size: 1em
}

@media only screen and (max-width:500px) {
  .thanks-box {
    visibility: hidden;
    margin: auto;
    height: 40%;
    width: 70%;
    transform: translateY(-100%);
    position: fixed;
    top: 80%;
    left: 20%
  }

  .footer{
    margin-bottom: 20px;
  }
}


/* ASIDE */

.aside-product {
  max-width: 310px;
}


.cta-aside,
.cta-aside:hover {
    color: #fff;
    text-decoration: none;
}

.special-ofert {
    background-color: #1B478A;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}

.special-ofert-header {
    color: #fff;
}

.btn-cta {
    background-color: #02D65E;
    font: Bold 24px/28px Roboto;
    color: #FFF;
    border: none;
    width: 90%;
}

.special-ofert-header {
    color: #fff;
}

.header-container {
    background-color: #4279CC;
}

.travel-cta{
  position:fixed;
  left:0;
  bottom:0;
  padding:5px;
  border-top: 2px solid blue;
  width:100%;
  text-align: center;
  background-color: #FFF;
  display: none;
}

.travel-cta.active{
  display: block;
}

.cta-nav{
  text-decoration: none;
  color:#fff;
}

.cta-nav:hover{
  text-decoration: none;
  color:#fff;
}

.footer-text{
  color: #acacac;
  font-size: 14px;
  padding: 15px 15px 0;
}
.footer-text a {
  color: #acacac;
  font-size: 14px;
  padding: 15px 15px 0;
}