@font-face {
  font-family: 'GothamRoundedA';
  src: url('fonts/GothamRounded-Medium.eot') format('eot'),
    url('fonts/GothamRounded-Medium.woff') format('woff'),
    url('fonts/GothamRounded-Medium.ttf')  format('truetype'),
    url('fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRoundedA';
  src: url('fonts/GothamRounded-Bold.eot') format('eot'),
    url('fonts/GothamRounded-Bold.woff') format('woff'),
    url('fonts/GothamRounded-Bold.ttf')  format('truetype'),
    url('fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'gothamA';
  src: url('fonts/Gotham-Book.eot') format('eot'),
    url('fonts/Gotham-Book.woff') format('woff'),
    url('fonts/Gotham-Book.ttf')  format('truetype'),
    url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'gothamA';
  src: url('fonts/Gotham-Bold.eot') format('eot'),
    url('fonts/Gotham-Bold.woff') format('woff'),
    url('fonts/Gotham-Bold.ttf')  format('truetype'),
    url('fonts/Gotham-Bold.svg#Gotham-Book') format('svg');
  font-weight: 700;
  font-style: normal;
}

body {
  font-synthesis: none;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  text-align: left;
}

regular {
  font-weight: 400;
}

.body--background {
  background-color: #faf7f5;
  color: #222;
}

.content {
  font-family: 'gothamA','myriad pro';
  color: #222;
  margin-top:2rem;
  margin-bottom: 2rem;
}

.content--background {
  background-color: #faf7f5;
}

.content--large {
  font-size: 1.2rem;
  line-height: 1.6;
}

.content--light {
  background: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  margin-top: 2.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.headline--retro {
  font-family: 'GothamRoundedA'
}


.headline--green {
  color: #00c389;
  font-size:55px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 2rem;
}

.article--large {
  font-size: 18px;
  color: hsl(30, 8%, 27%);
}

.container.container--sm {
  max-width: 975px;
}

.image--supersize {
  height: 400px;
  background-position: center;
  background-image: url("img-123455.jpg");
  background-image: url("img-123454.jpg");
  background-size: cover;
}

.footer {
  font-family: 'gothamA','myriad pro';
  font-size: .8rem
}

.footer__section {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.footer__section p, .footer__section ul {
  margin-bottom: 0;
}

.footer--gradient {
  background: rgb(252,203,144);
  background: -moz-linear-gradient(120deg, rgba(252,203,144,1) 0%, rgba(213,126,235,1) 100%);
  background: -webkit-linear-gradient(120deg, rgba(252,203,144,1) 0%, rgba(213,126,235,1) 100%);
  background: linear-gradient(120deg, rgba(252,203,144,1) 0%, rgba(213,126,235,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fccb90",endColorstr="#d57eeb",GradientType=1);
}

.footer--solid {
  border-top: 1px solid #ddd;
}

.horizontal-ruler--light {
  border-bottom: 1px solid #555;
}

.list--reset {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
}

.image--developer {
  width: 75px;
}

.flag {
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
}

.flag figcaption {
  padding-left: 40px;
}

.flag--eu {
  background-image: url(images/eu/eu.svg)
}

.flag--hu {
  background-image: url(images/hu/hu.svg)
}

.navbar.navbar--sm {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-phone, .btn.btn-sm.btn-sleepfinder {
  background: var(--success);
  background-image: linear-gradient(var(--caribbean-green), var(--success));
  border-radius: 1rem;
  padding: .15rem .5rem;
  margin-bottom: 0 !important;
}

.navbar--dark, .alert.cookiealert {
  background: #0d0d0d;
  background: rgba(0,0,0,0.8);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.navbar--dark a {
  color: #f2f2f2;
  transition: .1s
}

.navbar--dark .navbar-nav .nav-link.phone {
  color: var(--caribbean-green);
  font-weight: 700
}

.navbar--dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.3);
}

.nav-link:hover {
  /*background: #faf7f5;
  color: #222;*/
  color:#bfbfbf
}

.toast {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(0,0,0,.03);
  box-shadow: unset;
  max-width: 400px;
  width: 400px;
  z-index: 1010
}

.toast-header {
  padding: 0 .75rem
}

.toast__start {
  margin-top: -5rem
}

.background__moon-gray {
  background: hsl(35,13%,97%);
}

.background__moon-gray--dark {
  background: var(--moon-gray)
}

.background__moon-gray--light {
  background: #dedad4 /* 5 lighten */
}

.background__moon-gray--light {
  background: hsl(35,13%,92%);
}

.background__portimao-blue {
  background: hsla(211, 50%, 56%, 1);
  background: hsla(211, 60%, 59%, 1);
}

.background__portimao-blue--light {
  background: hsla(211, 50%, 59%, 1);
  background: hsla(211, 60%, 64%, 1);
}

.background__caribbean-green {
  background: hsl(162,100%,68%); /* 48%*/
}

.background__caribbean-green--light {
  background: hsl(162,100%,78%); /* 58%*/
}

.background__electric-purple {
  background: #673ab7;
}

.background__electric-purple--light {
  background: hsl(262, 61%, 60%);
}

.background__electric-purple--light a {
  color: #fff
}

.background__caribbean-green--dark {
  background: var(--caribbean-green)
}

.background__caribbean-green--dark a {
  color: #fff
}

.background__galvanic-gold .tab-pane a {
  color: #fff
}

.background__caribbean-green--dark2 {
  background: hsla(162, 100%, 33%, 1) 
}

.background__galvanic-gold {
  background: hsla(47, 70%, 67%, 1)
}

.background__galvanic-gold--light {
  background: hsla(47, 70%, 70%, 1)
}

.background__galvanic-gold--dark {
  background: hsla(47, 70%, 65%, 1)
}

.background__sunset-orange {
  background: hsla(13, 46%, 53%, 1);   
}

.background__sunset-orange--light {
  background: hsla(13, 46%, 56%, 1);
}

.background__mexico-blue--light {
  background: #9ccade
}

.background__mexico-blue {
  background: #75b6d1
}

.background__mexico-blue--dark {
  background: #62abcb
}

.background__mexico-blue--dark2 {
  background: #4fa1c4;
  background: #7dbad4
}

.background__mexico-blue--dark2 a {
  color: #fff
}

.background__sunset-orange--dark {
  background: hsla(13, 46%, 50%, 1);
}

.blue-background--light {
  background: hsl(211,100%,76%)
}

.blue-background--lighter {
  background: hsl(211,100%,86%)
}

.background__contrail {
  background-color: #6f7580;
  color: #fff
}

.background__contrail--dark {
  background-color: #646973;
  color: #fff
}

.headline--candy {
  font-family: 'GothamRoundedA';
  font-weight: 600
}

.headline {
  letter-spacing: -.1rem;
}

.headline--subtitle {
  letter-spacing: .1rem;
  color: var(--asteroid-gray);
}

.headline--strong {
  font-weight: 700
}

section {
  margin: 5rem auto;
  font-family: "GothamA"
}

section.section__start {
  margin-top: 8rem;
}

section.section--sticky {
  padding-top: 3rem; 
  padding-bottom: 3rem;
  margin: 0
}

section.section__large--sticky {
  padding-top: 7rem; 
  padding-bottom: 7rem;
  margin: 0
}

.list--counter {
  counter-reset: list-counter;
}

.list--counter li:before {
  content: counter(list-counter);
  display: inline-block;
  -webkit-font-feature-settings: "tnum" 1;
  font-feature-settings: "tnum" 1;
  margin-right: 12px;
  text-align: right;
  width: 10px;
}

a {
  color: #418fde;
}

header {
  margin: 0 auto 2.5rem;
}

.navbar {
  font-family: "GothamA";
  font-size:smaller;
}

.navbar .navbar-brand {
  padding-top: .7125rem; /* Modic to real calculated value*/
  padding-bottom: .7125rem
}

a.nav-link.phone {
  color: var(--caribbean-green);
  font-weight: 700
}

.color--muted {
  color: var(--asteroid-gray);
}

.pricing__footer .comment--floating {
  margin-top: 1rem;
}

.card, .comment--floating {
  margin-top: 2rem;
}

.comment--floating {
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
  border-radius: 10px;
  padding: 1rem;
  border-color: transparent; /* Test */
  border: 1px solid rgba(0,0,0,.125); /* Test */
}

.comment--active {
  background-color: rgba(0,0,0,.3);
  border-color: rgba(0,0,0,.125);
}

.comment__disclaimer a {
  color: var(--galvanic-gold)
}

.pricing dl {
  background-color: rgba(0,0,0,.03);
  /*border-bottom: 1px solid rgba(0,0,0,.125);*/
  border: 1px solid rgba(0,0,0,.125);
  padding: .5rem;
  margin: 0;
}

.pricing dl.highlighted {
  background-color: rgba(255,255,255,.09);
}

/*.pricing dl:last-child {
border-bottom: 0;
}*/

.pricing dl:last-child {
  border-radius: 0 0 10px 10px;
}

.pricing dl:first-child {
  border-radius: 10px 10px 0 0;
}

.pricing dt, .pricing dd {
  font-size: 80%
}

.card.card--transparent {
  background:0;
  background-color:0;
}

.highlighted--dark {
  background-color: rgba(0, 0, 0, 0.15)!important
}

.bg-0 {
  background-color: unset!important
}

.corporate-responsibility .alert-danger {
  color: hsla(13, 96%, 100%, 1);
  background-color: var(--sunset-orange);
  border-color: hsla(13, 96%, 63%, 1);
  border-radius: 1rem;
}

.section__knowledge-center .btn-transparent {
  background-color: rgba(0,0,0,.3);
  border-color: rgba(0,0,0,.125);
  border-radius: 10px;
  padding: .5rem;
  margin-bottom: .5rem;
  color: #fff;
  box-shadow: none;
}

.section__knowledge-center article {
  padding: .25rem 0;
}

.section__knowledge-center .btn-transparent.btn:focus {
  box-shadow: none;
}

a.btn.btn-outline-dark.btn-sm.btn-resize-sm {
  min-width: 60%;
  background: rgba(0, 195, 137, .5) !important;
}

a.btn.btn-outline-dark.btn-sm.btn-resize {
  min-width: 70%;
  background: rgba(255, 198, 0, .5) !important;
}

a.btn.btn-outline-dark.btn-sm.btn-resize-lg {
  min-width: 80%;
  background: rgba(250, 70, 22, .5) !important;
}

.section__knowledge-center .card {
  margin-top:0;
}

.section__knowledge-center .card-body--transparent {
  background-color: rgba(255, 255, 255, .5);
  color: initial;
  font-size: 90%
}


.pricing .list-group-item {
  background-color: rgba(0,0,0,.03);
  border-radius: 10px;
  border-radius: 1rem;
  padding: .5rem;
  margin-bottom: .5rem;
  padding: .25rem .5rem;
}

.pricing .list-group-item:first-child, .pricing .list-group-item:last-child {
  border-radius: 1rem;
}

.pricing .list-group-item:last-child {
  margin-bottom: .5rem;
  margin-bottom: 2rem;
}

.pricing .list-group-item.active {
  background-color: rgba(0,0,0,.3);
  border-color: rgba(0,0,0,.125);
}

.btn-group-sm>.btn, .btn-sm {
  border-radius: 1rem !important;
  font-size: 85% !important;
  text-align: left !important;
  margin-bottom: .5rem !important;
}

.btn-outline-dark {
  border-color: rgba(0,0,0,.125)!important;
  background-color: rgba(0,0,0,.03)!important;
}

.contact-group {
  margin-bottom: .5rem
}

body .small, body small {
  font-size: 85%
}

.alert.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #f2f2f2
}

.alert.cookiealert a {
  color: #f2f2f2
}

.alert.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.alert.cookiealert a {
  text-decoration: underline
}

.alert.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

.btn.focus, .btn:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
  box-shadow: unset !important
}

:root {
  --portimao-blue     : #0057b7;
  --sunset-orange     : #fa4616;
  --moon-gray         : #d7d2cb;
  --asteroid-gray     : #83796f;
  --galvanic-gold     : #ffc600;
  --caribbean-green   : #00c389;
  --yas-marina-blue   : #418fde;
  --electric-purple   : #685bc7;
}