@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Oswald:wght@300;400;500;700&family=Outfit&display=swap');

@font-face {
  font-family: 'icon';
  src: url(ico.woff2) format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap
}
/*
#loading-image,
.ajax-progress-throbber .throbber {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 1px 5px 2px;
  background: transparent url(../images/throbber.svg) no-repeat 0 center;
}
#loading-image {
  position: relative;
  top: 3px;
  right: 10px;
}*/

body {
  font-family: "Darker Grotesque", sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 0!important
}

.row {
  margin-bottom: 40px
}

.view-trainers .row {
  margin-bottom: 10px
}

.heading .row,
#team .row,
.view-pokemon-list .view-header {
  margin-bottom: 0
}

.content a {
  cursor: pointer;
  border-bottom: 1px solid
}

.view-pokemon-list a:hover,
.content a:hover,
.content .submitted a {
  border-bottom: 1px solid
}

#profile-fields a:hover,
.blog-post a:hover,
.content h3 a:hover,
.small-teaser a:hover {
  border-bottom: 1px solid
}
.content a.btn,
.content a.btn-grey:hover {
  border-bottom: 1px solid
}

.content .small-teaser .post-thumbnail a:hover {
  border-bottom: 1px solid
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

a,
a:hover,
ul.menu a,
a:focus {
  text-decoration: none;
  outline: 0
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Passion One", sans-serif!important;
  font-weight: 500;
  line-height: 1.1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.item-title h3 a:hover,
.faq-question h3 a:hover,
.post-content h4 a:hover,
.popular-content .teaser-heading a:hover,
.list-publication.list-display-id-block_4 .blog-post > ul > li a:hover {
  text-decoration: none;
}

h1 a:hover,
h1 a:visited,
h2 a:hover,
h2 a:visited,
h3 a:hover,
h3 a:visited,
h4 a:hover,
h4 a:visited,
h5 a:hover,
h5 a:visited,
h6 a:hover,
h6 a:visited,
.h1 a:hover,
.h1 a:visited,
.h2 a:hover,
.h2 a:visited,
.h3 a:hover,
.h3 a:visited,
.h4 a:hover,
.h4 a:visited,
.h5 a:hover,
.h5 a:visited,
.h6 a:hover,
.h6 a:visited {
  text-decoration: none !important;
}

h1, .h1 {
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0.67em 0;
  text-transform: uppercase;
}

h2, .h2 {
  font-size: 5rem;
}

.field--name-body h2, .field--name-body .h2 {
  margin-top: 4rem;
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 4rem;
}

h3.introduction-title, .field--name-body h3, .field--name-body .h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

tr th:first-child, tr td:first-child {
  padding-left: 10px;
}

tr th:last-child {
  padding-right: 10px;
}

h3 span.smaller, .h3 span.smaller {
  font-size: 1.6rem;
  font-weight: 500;
}

h4, .h4, h4.label {
  font-family: "Passion One", sans-serif!important;
  font-size: 3rem;
  letter-spacing: 0.05rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.nickname h4 {
  margin-top: 2rem;
}

h5, .h5 {
  font-size: 2.5rem !important;
  letter-spacing: 0.04rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

h6, .h6 {
  font-size: 1.7rem;
  letter-spacing: 0.05em;
}

p, .p-style {
  font-size: 2.6rem;
  margin-bottom: 2rem !important;
  line-height: 1.2;
  margin: 0 0 9px;
}
ul p:first-child,
ol p:first-child {
  margin-bottom: 2rem !important;
  margin-top: 3rem !important;
}
ol, ul {
  line-height: 1.2;
}
.field--name-body ol, .field--name-body ul {
  margin-bottom: 2rem !important;
}
.field--name-body ol ul, .field--name-body ol ol, .field--name-body ul ul, .field--name-body ul ol {
  margin-top: 1rem;
}
.game .field--name-body p:first-child + img {
  margin-top: 3rem !important
}
.align-items-center {
  align-items: center;
}
.justify-content-center {
  justify-content: center;
}
.align-content-center {
  align-items: center;
  justify-content: center
}
.justify-content-end {
  justify-content: flex-end;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.views-field-body p,
.field--content p,
.panel-body {
  font-size: 2rem;
}

article .box-wrapper ul,
p:last-child {
  margin-bottom: 0 !important;
}
article .box-wrapper ul {
  list-style: none;
  padding-left: 0
}
.processed-field {
  font-size: 1.6rem;
  line-height: 2.7rem;
}
.processed-field p:last-child {
  margin-bottom: 2rem !important;
}

h1.page-header {
  clear: both;
  margin-top: 4rem;
  font-weight: 500;
  text-align: center;
}

.page-node-type-faq h1.page-header {
  margin-top: 8rem
}

/* Star */
.review {
  align-items: center;
}
.review > div {
  margin-top: 0.5rem
}
.review > .review-number,
.review > .review-rating {
  margin-top: 0.8rem;
  margin-left: 0.5rem;
}
.star-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-left: 0;
  margin-right: 0;
}
.star-container .star, .star-container .star i, .star-container .star svg {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.star i, .star svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: normal;
  z-index: 2;
}
.star {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.large .star {
  width: 20px;
  height: 20px;
}
.medium .star {
  width: 13px;
  height: 13px;
}
.small .star {
  width: 10px;
  height: 9.5px;
}


/* General */
.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
.d-grid {
  display: grid!important
}
.horizontal .d-flex {
  display: block!important
}
.d-md-flex {
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
}
.flex-col {
  flex-direction: column!important;
}
.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
}
.flex-row {
  flex-direction: row!important;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-4 {
  flex-grow: 4;
}
.flex-shrink-0 {
  flex-shrink: 0!important;
}
.gap-0-5 {
  gap: 0.5rem
}
.gap-1 {
  gap: 1rem
}
.gap-2 {
  gap: 2rem
}
.gap-3 {
  gap: 3rem
}
.h-max {
  height: -webkit-max-content!important;
  height: -moz-max-content!important;
  height: max-content!important;
}
.h-min-15 {
  min-height: 15rem!important
}
.h-min-50 {
  min-height: 50%;
}
.h-40p {
  height: 40%;
}
.h-50p {
  height: 50%;
}
.items-center {
  align-items: center!important;
}
.justify-between {
  justify-content: space-between!important;
}
.justify-center {
  justify-content: center!important;
}
.text-gray-800 {
  --tw-text-opacity: 1!important;
}
.font-semibold {
  font-weight: 600!important;
}
.relative {
  position: relative!important;
}
.absolute {
  position: absolute!important;
}
.justify-around {
  justify-content: space-around!important;
}
.text-xs {
  font-size: .75rem!important;
  line-height: 1rem!important;
}
.rounded-full,
.rounded-full img {
  border-radius: 9999px!important;
}
.opacity-80 {
  opacity: .8!important;
}
.object-cover {
  -o-object-fit: cover!important;
  object-fit: cover!important;
}
.overflow-hidden {
  overflow: hidden!important;
}
img {
  font-size: 0;
  max-width: 100%;
  height: auto;
}
.bottom-0 {
  bottom: 0!important;
}
.right-0 {
  right: 0!important;
}
.w-full {
  width: 100%!important;
}
.h-full {
  height: 100%!important;
}
.h-2 {
  height: 2rem!important;
}
.h-35 {
  height: 35rem!important;
}
.h-40 {
  height: 40rem!important;
}
.w-22 {
  width: 22rem!important;
}
.w-1 {
  width: 1rem!important;
}
.h-1 {
  height: 1rem!important;
}
.w-2 {
  width: 2rem!important;
}
.h-2 {
  height: 2rem!important;
}
.w-3 {
  width: 3rem!important;
}
.h-3 {
  height: 3rem!important;
}
.w-4 {
  width: 4rem!important;
}
.h-4 {
  height: 4rem!important;
}
.left-1 {
  left: 1rem!important;
}
.top-1 {
  top: 1rem!important;
}
.mb-0 {
  margin-bottom: 0!important;
}
.mb-0\.5 {
  margin-bottom: 0.5rem!important;
}
.mb-2 {
  margin-bottom: 2rem!important;
}
.mb-md-2 {
  margin-bottom: 1rem!important;
}
.mb-3 {
  margin-bottom: 3rem!important;
}
.mb-4 {
  margin-bottom: 4rem!important;
}
.mb-5 {
  margin-bottom: 5rem!important;
}
.mr-0\.2 {
  margin-right: 0.2rem!important;
}
.mr-0\.3 {
  margin-right: 0.3rem!important;
}
.mr-0\.5 {
  margin-right: 0.5rem!important;
}
.mr-0\.7 {
  margin-right: 0.7rem!important;
}
.mr-1 {
  margin-right: 1rem!important;
}
.mr-md-1 {
  margin-right: 1rem!important;
}
.mr-2 {
  margin-right: 2rem!important;
}
.mr-5 {
  margin-right: 5rem!important;
}
.ml-0 {
  margin-left: 0!important
}
.ml-0\.5 {
  margin-left: 0.5rem!important;
}
.ml-0\.6 {
  margin-left: 0.6rem!important;
}
.ml-1 {
  margin-left: 0.25rem!important;
}
.ml-1r {
  margin-left: 1rem!important;
}
.ml-2 {
  margin-left: 2rem!important;
}
.ml-5 {
  margin-left: 5rem!important;
}
.p-0 {
  padding: 0!important;
}
.p-1 {
  padding: 1rem!important;
}
.p-2 {
  padding: 2rem!important;
}
.p-3 {
  padding: 3rem!important;
}
.p-2-1 {
  padding: 2rem 1rem!important;
}
.pt-0 {
  padding-top: 0!important;
}
.pt-1 {
  padding-top: 1rem!important;
}
.pt-2 {
  padding-top: 2rem!important;
}
.pb-0\.5 {
  padding-bottom: 0.5rem!important;
}
.pb-0 {
  padding-bottom: 0!important;
}
.pb-1 {
  padding-bottom: 1rem!important;
}
.pb-2 {
  padding-bottom: 2rem!important;
}
.pb-3 {
  padding-bottom: 3rem!important;
}
.p-4-7 {
  padding-top: 4px!important;
  padding-bottom: 7px!important
}
.p-4-30-7-30 {
  padding: 4px 30px 7px!important
}
.p-5 {
  padding: 5rem
}
.pl-5 {
  padding-left: 5rem
}
.pr-5 {
  padding-right: 5rem
}
.indented article article,
body:not(.page-node-type-product) .region-content .content .js-comment img,
.form-item h4.label,
.m-0 {
  margin: 0!important;
}
.mt-0 {
  margin-top: 0!important;
}
.mt-0\.5 {
  margin-top: 0.5rem!important;
}
.mt-1 {
  margin-top: 1rem!important;
}
.mt-2 {
  margin-top: 2rem!important;
}
.mt-2\.5 {
  margin-top: 2.5rem!important;
}
.mt-3 {
  margin-top: 3rem!important;
}
.mt-4 {
  margin-top: 4rem!important;
}
.mt-5 {
  margin-top: 5rem!important;
}
.mb-0\.5 {
  margin-bottom: 0.5rem!important;
}
.mb-1 {
  margin-bottom: 1rem!important;
}
.mb-1\.5 {
  margin-bottom: 1.5rem!important;
}
.mb-2 {
  margin-bottom: 2rem!important;
}
.mr-0\.5 {
  margin-right: 0.5rem!important;
}
.mr-1 {
  margin-right: 1rem!important;
}
.mr-2 {
  margin-right: 2rem!important;
}
.no-border,
.no-border:hover {
  border: 0!important
}
.no-border-radius {
  border-radius: 0!important
}
.border-radius-30 {
  border-radius: 30px!important
}
.border-top {
  border-top: 1px solid
}
.border-1 {
  border: 1px solid
}
.border-bottom {
  border-bottom: 1px solid
}
.border-bottom:last-child {
  border: 0;
}
.border-left {
  border-left: 1px solid
}
.border-right {
  border-right: 1px solid
}

.bb-0 {
  border-bottom: 0!important
}
.border-radius {
  border-radius: 4px;
}
.transparent-border {
  border: .1rem solid
}
.transparent-border-0\.08 {
  border: .1rem solid
}
.mw-140 {
  min-width: 140px
}
.mw-150 {
  min-width: 150px
}
.max-w-500 {
  max-width: 500px;
}
.mh-150 {
  max-height: 150px;
}
.min-h-150 {
  min-height: 150px;
}
.f-3 {
  font-size: 3rem!important;
  line-height: 3.5rem;
}
.f-4 {
  font-size: 4rem!important;
  line-height: 1
}
.f-2\.2 {
  font-size: 2.2rem!important;
  line-height: 1
}
.f-2 {
  font-size: 2rem!important;
  line-height: 3.2rem;
}
.f-1\.8 {
  font-size: 1.8rem!important;
  line-height: 3rem;
}
.f-1\.6 {
  font-size: 1.6rem!important;
  line-height: 1
}
.f-1\.5 {
  font-size: 1.5rem!important;
  line-height: 1
}
.f-1\.4 {
  font-size: 1.4rem!important;
  line-height: 1.4rem;
}
.f-1\.4-wrapper p {
  font-size: 1.4rem!important;
  line-height: 2.4rem!important
}
.f-1\.3,
.f-1\.3 p {
  font-size: 1.3rem!important;
  line-height: 2rem;
}
.f-1\.2 {
  font-size: 1.2rem!important;
  line-height: 1.2rem;
}
.f-1 {
  font-size: 1rem!important;
  line-height: 1rem;
}
.user-form .file > span,
.lh-1 {
  line-height: 1!important;
}
.lh-2 {
  line-height: 2rem!important;
}
.lh-2\.1 {
  line-height: 2.1rem!important;
}
.page-header .has-break.lh-2\.1 {
  line-height: 0.8!important
}
.lh-2\.5 {
  line-height: 2.5rem!important;
}
.lh-3 {
  line-height: 3rem!important;
}
.r-0 {
  right: 0!important
}
.r-1 {
  right: 1rem!important
}
.l-0 {
  left: 0!important
}
.l-1 {
  left: 1rem!important
}
.t-0 {
  top: 0!important
}
.t-1 {
  top: 1rem!important
}
.b-0 {
  bottom: 0!important
}
.b-1 {
  bottom: 1rem!important
}
.push-top-1,
.push-top-2
 {
  position: relative;
}
.push-top-1 {
  top: 1px
}
.push-top-2 {
  top: 2px
}
.body-font {
  font-size: 1.6rem!important;
  line-height: 2.7rem;
}
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.p-label {
  margin-right: 0.3rem;
}
.price {
  font-size: 1.7rem!important;
  line-height: 2.7rem;
}
#product-details .price {
  font-size: 2.4rem!important;
  font-weight: 500!important
}
.p-title {
  line-height: 1.95rem;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
select.dropdown-game {
  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.dropdown-game {
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .6em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}
.inpage-navigation .section-item[data-v-6d875aea], .tray-horizontal .tray-content-wrap .tray-content-container[data-v-13bb17e4] {
  display: flex;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.list-content {
  display: flex;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  flex-direction: row;
  transition-duration: .15s;
  transition-duration: .5s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(var(--app-translateX));
  margin-top: 2rem!important
}
.product-item-wrapper {
  cursor: pointer;
  overflow: hidden;
}
.s-1,
.product-item-wrapper {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.s-1 .product-item-wrapper {
  --tw-shadow: none!important;
  box-shadow: none!important;
}
.product-item-wrapper:hover .go-to-shop-button {
  display: inline-flex!important;
  -webkit-animation: slide-right .25s;
  animation: slide-right .25s;
}
.d-none,
.product-item-wrapper:hover .product-name .p-title {
  display: none!important
}
.product-item-wrapper:hover .product-link-wrapper {
  justify-content: center;
}
.a-btn.medium {
  padding: 0.75rem 2rem;
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.a-btn.secondary {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
}
.a-btn.secondary:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
}
.a-btn {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  white-space: nowrap;
  border-radius: 30px;
  border-width: 1px;
  border-style: solid;
  transition-duration: .15s;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.view-id-publication .views-field-title .field-content .created,
.view-id-publication .views-field-title .field-content .title,
.view-slider .views-field-title a,
.footer-links {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#navbar-collapse .sf-menu a {
  font-family: "Darker Grotesque", sans-serif;
  font-size: 2rem !important;
  font-weight: 600;
}

.btn {
  font-size: 1.8rem;
  line-height: 1.3;
  padding-top: .3rem;
}

.btn-default:active, .btn-default.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary {
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease; /* Smooth background transition */
}

.btn-primary::before,
#navbar-collapse .sf-menu > li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Stays behind the text */
}

.btn-primary:after {
  z-index: 1;
}

.btn-primary * {
  position: relative;
  z-index: 1; /* Keeps text above the pseudo-element */
}

.form-actions .btn.btn-primary {
  position: relative;
  top: 2px
}

a.light-grey:hover {
  border-bottom: 1px solid
}

.navbar {
  min-height: 42px!important;
}

.navbar .navbar-toggle {
  border: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.navbar-right {
  margin-right: 0!important;
  float: none!important
}
#notifications,
#notification-menu {
  overflow: hidden
}
.open #notifications,
.open #notification-menu {
  overflow: visible
}

.margin-left-auto,
.region-nav-top-right-collapsible nav[role="navigation"] {
  margin-left: auto;
}
.region-nav-top-right-collapsible nav[role="navigation"] {
  display: flex;
  align-items: center;
}

.form-control {
  font-size: 2rem;
  border: 1px solid;
  border-radius: 0;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  height: 34px;
  margin-right: 1rem
}

.form-control:focus {
  outline: 0;
  box-shadow: none
}

form.confirmation {
  text-align: center;
}
form.confirmation .form-actions {
  margin-top: 2rem;
}
button.btn {
  outline: none!important
}
a.btn.btn-xs {
  padding: 5px 15px 7px 15px;
  border-radius: 30px;
}
.field--item #my-messages a.btn,
#poke-message button.btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
}
#my-messages a.btn:first-child,
#poke-message button.btn#poke {
  max-width: 200px;
}
#my-messages a.btn:first-child,
#poke-message button.btn#poke {
  border-bottom-right-radius: 0;
}
#my-messages a.btn:last-child,
#poke-message button.btn#message {
  border-top-left-radius: 0;
}
.btn-action,
button.btn.btn-action {
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 1.8rem;
  border: 1px solid
}

#profile-wrapper .more-link a,
button.btn.btn-info {
  padding: 1px 30px 5px 30px!important;
}

#profile-wrapper .more-link a {
  position: relative;
  top: 2px;
  text-transform: capitalize;
  border: 1px solid transparent;
  padding: 1px 30px 5px 30px;
  font-size: 2rem;
  border-radius: 30px;
}

.small-rounded-button,
#profile-wrapper .inline-button .more-link a {
  border: 1px solid;
  font-size: 1.6rem;
  padding: 0 2rem 0.2rem!important;
  border-radius: 1.6rem
}
.search-block-form {
  width: 31.5%;
  margin-top: 1rem;
  margin-left: auto
}

.search-block-form .form-control:focus {
  width: 100%
}

.input-group-btn>.btn {
  border-radius: 0;
  width: 49px;
  height: 38px;
  border: 1px solid
}

.labelClass,
h2.block-title,
#block-dmp-footer-menu {
  font-weight: 500;
  padding-left: 1px;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: 0.03em;
  margin-bottom: 9px
}
.region-sidebar-first h2.block-title {
  text-align: center;
}
.go-to-shop,
.region-sidebar-first h2.block-title i {
  position: relative;
  top: -2px;
  font-size: 2rem;
}

.labelClass::after,
h2.block-title:after,
#block-dmp-footer-menu:after {
  content: "";
  display: block;
  margin-left: 1px;
  margin-top: 1.1rem;
  border-top: 3px solid;
  width: 100%;
  margin-bottom: 1.4rem
}

.views-field-field-short-id,
.align-center {
  margin: 0 auto!important;
  text-align: center
}
.margin-auto {
  margin: 0 auto;
}
.narrow #product-link {
  height: 2.3rem;
  margin-right: 0
}

/* Header */
.region-header .logo {
  padding-right: 1.5rem;
  margin-right: 0;
  margin-top: 0
}

.dialog-off-canvas-main-canvas {
  position: relative;
}

.logos {
  display: flex
}

.logo {
  display: block;
  margin-right: 2rem
}

a.logo-2 {
  margin: 0;
  padding: 0;
  width: 125px
}

a.logo img,
a.logo-2 img {
  height: 55px;
  width: 100px
}

#site-brand .logo img {
  width: 78%
}

.name.navbar-brand {
  text-indent: -10000px
}

#top-nav {
  margin: 0;
  padding: 0;
  border: none !important;
  border-bottom: 5px solid!important;
  height: 41px;
  min-height: inherit;
  border-radius: 0
}

#top-nav,
#top-nav a,
#top-nav p {
  font-size: 1.6rem;
  line-height: 2rem
}

#top-nav .row,
.heading .alert-success,
.heading .alert-danger {
  margin-bottom: 0
}

.region-nav-top-left {
  margin-top: .9rem
}

.region-nav-top-left .contextual {
  top: -4px
}

.region-nav-top-left .field a i {
  font-size: 1.6rem;
  margin-right: 1rem
}

.region-nav-top-left > section {
  display: flex
}

.region-nav-top-left > section .welcome-user {
  margin-right: 5px
}

.region-nav-top-right-collapsible {
  display: flex;
  margin-top: .3rem
}

.region-header {
  width: 100%;
  display: flex;
  padding: 2.5rem 0 0;
}

#block-dmp-account-menu {
  margin-left: auto;
  margin-right: 2rem
}

ul.menu--account > li > a {
  padding: .5rem 1rem;
}

#lang-switcher {
  margin-top: .5rem
}

#top-right-collapse {
  position: relative;
  z-index: 1000;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-right-navbar .navbar-toggle {
  margin: 0;
  padding: 0;
  position: relative;
  top: -1.8rem
}

/* Menu */
#navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 0
}

#navbar .row {
  margin-bottom: 0
}

.path-frontpage #navbar-collapse {
  margin-bottom: 2rem;
  padding-left: 0
}
#navbar-collapse {
  border-radius: 2px;
  padding-right: 10px;
  padding-left: 10px;
  border: 0!important
}

#navbar-collapse .sf-menu span.nolink {
  cursor: default
}

#navbar-collapse .sf-menu span.nolink,
#navbar-collapse .sf-menu a {
  border: 0;
  font-size: 1.7rem;
  padding: 1rem 1.5rem 1.4rem
}

#navbar-collapse .sf-menu a.sf-depth-1.menuparent {
  padding-right: 2rem
}

ul.sf-menu .sf-sub-indicator {
	right: 0;
  top: 2.6rem
}

ul.sf-menu .sf-sub-indicator:after {
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURQAAAP///////////////////////////////////////////////////////////////////////////9hJaBMAAAATdFJOUwAKvcOVDL8BApyZmGoLY/3+vMFZ0O7zAAAAXElEQVQY042OSRKAIAwEgxuyuc3//+pEEdETuZDuTFKINNT8a5djfNjskbyiz8Z02KIEAFNSThPbIHbgoxnOAccr2RSm8bqleW/vY1emzF/jqg+pqVnNl2mstNYJl54EoKloUikAAAAASUVORK5CYII=");
  background-size: contain;
  right: 0;
  font-size: 1rem*/
  -webkit-transition: transform .25s 0s;
  transition: transform .25s 0s;
  content: '\e70d';
  font-family: 'icon';
  font-size: 8px;
  margin: 2px 0 0 4px;
  font-weight: 600;
  float: right;
}

#navbar-collapse .sf-menu .menuparent ul,
#navbar-collapse .sf-menu .menuparent ul:hover {
  top: 44px !important;
}

#block-mainnavigation {
  height: 43px;
  overflow: hidden;
}

#block-mainnavigation.show {
  height: auto;
  overflow: visible;
}

/* Slider */
.view-slider img {
  width: 100%
}

.view-slider .views-field-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAA9klEQVR4nO3RQQHAIBDAsGMmsYMFjE0TNvpILGTt+58h41PRIiRGSIyQGCExQmKExAiJERIjJEZIjJAYITFCYoTECIkREiMkRkiMkBghMUJihMQIiRESIyRGSIyQGCExQmKExAiJERIjJEZIjJAYITFCYoTECIkREiMkRkiMkBghMUJihMQIiRESIyRGSIyQGCExQmKExAiJERIjJEZIjJAYITFCYoTECIkREiMkRkiMkBghMUJihMQIiRESIyRGSIyQGCExQmKExAiJERIjJEZIjJAYITFCYoTECIkREiMkRkiMkBghMUJihMQIiRESIyRGSMnMPDFRAv6cu40/AAAAAElFTkSuQmCC");
  font-size: 2.5rem;
  padding: 1.5rem
}

.view-slider .views-field-title a {
  font-size: 2.8rem;
  font-weight: 500
}

.box-heading a:hover,
.view-slider .views-field-title a:hover {
  text-decoration: none
}

.owl-carousel .owl-wrapper-outer {
  z-index: 1
}

.owl-pagination {
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  z-index: 1
}

.owl-theme .owl-controls .owl-page {
  height: 25px;
  width: 25px;
  border: 3px solid;
  margin: 0 5px;
  padding: 0;
  border-radius: 30px;
  opacity: .5;
  background-clip: padding-box;
  flex: 0 1 auto
}

.owl-theme .owl-controls .owl-page span {
  height: 19px;
  width: 19px;
  margin: 0;
  opacity: 0
}

.owl-buttons {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next {
  order: 2;
  z-index: 1
}

.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next {
  text-indent: -10000px;
  width: 20px;
  height: 100%;
  background-repeat: no-repeat;
  background-position-y: center
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
  margin-right: auto;
  margin-left: 1.25rem
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
  margin-left: auto;
  margin-right: 1.25rem
}

/* Go shop */
.view-go-top-shop img {
  display: inline-block;
  width: auto;
  height: 5rem;
}

/* Publication */
.publication {
  margin-top: 100px;
  padding-left: 4rem
}
.publication h2.block-title {
  margin-bottom: 3rem
}
.view-id-publication .views-row {
  font-size: 1.7rem;
  line-height: 3rem;
  margin-bottom: 2rem
}
.view-id-publication .views-row:last-child {
  padding-bottom: 2rem
}
.view-id-publication .views-field-title .field-content {
  display: flex
}
.view-id-publication .views-field-title .field-content .created {
  margin-left: auto;
  font-weight: 300;
  min-width: 80px;
  text-align: right
}
.view-id-publication .views-field-title .field-content .title {
  font-size: 1.9rem;
  font-weight: 500
}
.block-views-blockpublication-block-1 h2.block-title:after,
.footer_1_2_3 h2.block-title:after,
.footer_1_2_3 #block-dmp-footer-menu:after {
  width: 100%
}
.widget-container.more-link {
  margin-top: 3rem
}
.more-link a {
  padding: 1rem 5rem;
  font-weight: 500;
  font-size: 1.5rem;
  position: relative;
  top: 1rem;
  border-radius: 2px;
}

.view-id-publication.view-display-id-page_1 .views-row {
  border-bottom: 2px solid;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.view-id-publication.view-display-id-page_1 .views-field-field-image {
  float: left;
  margin-right: 2rem;
}
.article-item a:hover,
.article-item h4 a:hover {
  border-bottom: 1px solid;
}
.read-more a {
  font-size: 1.1rem;
  position: relative;
  top: -3px;
  border: 1px solid;
  padding: 2px 10px;
  border-radius: 3px;
  margin-left: 0.2rem
}

/* Product data */
.table > tbody > tr > td.p-title {
  padding: 5px 8px 0 8px
}
.available,
.unavailable {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 10px;
  margin: 0 auto;
}

/* Product category */
.field--name-description {
  margin-bottom: 3rem;
}

/* Report */
.report footer {
  display: flex;
  margin-bottom: 2rem;
}
.report .field--name-user-picture { 
  width: 50px;
}
.report .author {
  display: flex;
  align-items: center;
  margin: 0 0 0 1rem;
  gap: .3rem;
}
.report .author a { 
  font-weight: 500;
}

/* Partners & contact */
.contact-page h1.page-header,
.partner .view-content {
  text-align: center
}

#profile-header img {
  width: 200px;
  height: 100%;
  border-radius: 30px;
  border-top-left-radius: 0;
}
.field--name-user-picture,
.partner .views-row {
  display: inline-block
}

.view-cooperating-partners img {
  height: 70px;
  width: auto;
  float: left;
  margin-right: 2rem;
  filter: grayscale(100%);
}

.view-cooperating-partners img:hover {
  filter: grayscale(10%);
}
.field-location .fa-location-dot {
  margin-right: .5rem;
}
.field-location {
  font-size: 80%;
  line-height: 1.2rem!important;
  margin-top: 1rem
}
.block-user-geo-address {
  display: inline-block;
}

/* Home */
.region-content-row-1 .block-block-content {
  margin-bottom: 2rem;
}

/* Private message */
#private-message-page #private-message-thread-dimmer {
  border-radius: 10px;
}
.field--name-owner .field--label {
  line-height: 2.7rem;
}
.message-author img {
  width: 50px;
  border-radius: 100%;
  border: 1px solid
}
.message-author .nickname {
  font-weight: bold;
}
.private-message-recipients .message-author img {
  width: 20px
}
.field--name-private-messages {
	margin: 0 auto;
	display: flex;
	flex-flow: column;
	border-radius: 1em;
	padding: 0.25em 0;
	margin: 0.0625em 0;
}
.field--name-private-messages > .field--item {
  margin-bottom: 1rem;
}
.field--name-private-messages > .field--item > .private-message {
  margin: 0!important;
  min-height: 120px !important;
}

.field--name-private-messages .private-message {
  border: 0!important;
  border-radius: 10px;
  padding: 15px!important
}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {
  font-size: 80%;
}

.field--name-private-messages .private-message-author-other {
	align-self: flex-start;
}
.field--name-private-messages .private-message-author-self {
	align-self: flex-end;
}

.field--name-private-messages .private-message-author-self .field--name-message {
  text-align: right;
  position: relative;
  top: -2rem;
}

.field--name-message p {
  margin-bottom: 1rem;
}

.field--name-private-messages .private-message-author-other.first { border-bottom-left-radius: 0.1em; }
.field--name-private-messages .private-message-author-other.last { border-top-left-radius: 0.1em; }
.field--name-private-messages .private-message-author-other.middle {
	border-bottom-left-radius: 0.1em;
 	border-top-left-radius: 0.1em;
}

.field--name-private-messages .private-message-author-self.first { border-bottom-right-radius: 0.1em; }
.field--name-private-messages .private-message-author-self.last { border-top-right-radius: 0.1em; }
.field--name-private-messages .private-message-author-self.middle {
	border-bottom-right-radius: 0.1em;
	border-top-right-radius: 0.1em;
}

#private-message-page .private-message-thread-full .private-message-recipients {
  display: flex;
  align-items: center;
  float: left;
  margin-right: 2rem!important;
  min-height: 34px;
}
.private-message-thread-messages {
  margin-top: 2rem;
  margin-bottom: 5rem
}

.private_message_thread_delete_link_wrapper {
  display: inline-block;
  margin-right: 1rem;
}
.private_message_thread_clear_history_link_wrapper {
  display: inline-block;
}

.custom-btn,
.private_message_thread_clear_history_link_wrapper,
.private_message_thread_delete_link_wrapper {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.field--name-private-messages > .field--item > .private-message .field--name-message {
  min-width: 220px;
  margin-top: 1rem
}

.region-sidebar-first > .block-private-message > h2.block-title {
  margin-top: 4.5rem!important
}

.region-sidebar-first .block-private-message-inbox-block .private-message-thread {
  padding: 1.5rem
}

.region-sidebar-first .private_message_thread_clear_history_link_wrapper {
  margin-bottom: 1rem;
}
.private-message-thread-inbox {
  font-size: 80%;
}
.private-message-thread-inbox p { 
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-top: 1rem;
}
.private-message-thread-inbox .message-inbox-wrapper p { 
  margin-top: 0;
}
.message-inbox-wrapper {
  margin-top: 1rem
}
.message-inbox-wrapper .field--type-created {
  margin-left: auto;
}
.message-bubble {
  position: relative;
  top: 4px;
}
.message-bubble a {
  position: absolute!important;
  top: 44%;
  left: 50%;
  z-index: 1;
  font-weight: 500;
  font-size: 1rem!important;
  font-family: 'Roboto';
  transform: translate(-50%, -50%);
}
#messages a {
  padding-right: 1rem!important;
}
#message-counter {
  margin-right: 1rem !important;
}
#message-counter.d-none {
  display: none!important
}
.message-form-alert {
  display: inline-block
}
.rounded-field,
#profile-fields,
#left-col .list-publication {
  margin-bottom: 2rem;
  border: 1px solid;
  padding: 2rem 2rem 3rem;
  border-radius: 30px;
}
.right-leaf,
#left-col .list-publication {
  border-top-left-radius: 30px!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 30px!important
}
.left-leaf,
#profile-fields {
  border-top-left-radius: 0!important;
  border-top-right-radius: 30px!important;
  border-bottom-left-radius: 30px!important;
  border-bottom-right-radius: 0!important
}
.panel-heading.right-leaf {
  border-bottom-right-radius: 0!important
}
.panel-body.right-leaf {
  min-height: 100px;
  border-top-left-radius: 0!important
}
.btlr-0 {
  border-top-left-radius: 0 !important;
}
.btrr-0 {
  border-top-right-radius: 0 !important;
}
.bbrr-0 {
  border-bottom-right-radius: 0 !important;
}
.path-videos #navbar-collapse,
.page-node-type-video #navbar-collapse,
.bblr-0 {
  border-bottom-left-radius: 0 !important;
}
.rounded-field .nav-tabs {
  display: flex;
  align-items: end;
  overflow-x: scroll;
  overflow-y: hidden
}
.rounded-field .nav-tabs > li > a {
  text-wrap: nowrap;
  border-radius: 15px 15px 0 0;
  padding: 2rem 1.5rem;
  line-height: 1
}
.rounded-field .nav-tabs > li:last-child > a {
  margin: 0
}
.rounded-field .nav-tabs::-webkit-scrollbar {
  display: none; /* Hide the scrollbar */
}
.rounded-field h1.page-header {
  font-size: 5rem;
  margin-top: 1rem
}
.show-hidden {
  z-index: 2;
  top: 1.9rem;
  font-size: 3rem;
}
.show-hidden:hover {
  cursor: pointer;
}
.show-previous-arrow {
  border-radius: 15px 0 0;
  padding: 1rem 2rem 1rem 1rem;
  left: 1rem;
}
.show-next-arrow {
  border-radius: 0 0 15px;
  padding: 1rem 1rem 1rem 2rem;
  right: 1rem;
}
#message-board textarea {
  width: 100%;
  height: 76px;
  margin: 0;
  font-style: normal;
  line-height: 1.8rem;
  font-size: 2rem;
}
#message-board p {
  font-size: 1.4rem;
  line-height: 1.46;
  margin-bottom: 1.5rem!important;
}
.send-message-form,
.send-message-board-form {
  position: relative;
  text-align: right;
}
.send-message-form .select-wrapper select,
.send-message-board-form .select-wrapper select {
  font-style: normal;
  font-size: 1.6rem;
}
.send-message-board-form .button-wrapper .form-wrapper {
  column-gap: 10px;
}
.form-item-message {
  text-align: left;
}
.form-item-message .form-required:after {
  display: none
}
.send-message-board-form .form-item-message {
  margin-bottom: 1rem;
}
.send-message-board-form .form-item-message label {
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  font-family: "Passion One", sans-serif;
}
.send-message-board-form .form-item-message i {
  position: relative;
  top: -3px;
  left: 7px
}
.form-item-select-message-privacy label {
  display: none;
}
.modal-body .form-item-select-message-privacy  {
  position: relative;
  top: 0.5rem;
  display: inline-block
}
#send-message {
  padding: 0 30px 5px 30px;
  height: 33px;
}
.modal-body #send-message {
  width: 100px;
  padding: 4px 30px 7px 30px;
  height: inherit;
}
.modal-body .select-wrapper select {
  font-size: 2rem;
}
.sent {
  font-weight: bold;
}
#board-unread-count {
  text-align: left;
  margin-left: 1rem;
}
.modal-body textarea.form-control {
  width: 100%;
  font-style: normal
}
.modal-header {
  padding: 20px 15px 15px;
}
.modal-header .modal-title {
  font-family: "Saira Extra Condensed", sans-serif !important;
  font-size: 2rem !important;
  line-height: 2rem;
  font-weight: 700;
}

/* Message board */
.wrapper,
.wrapper .form-group {
  padding: 0;
  margin: 0;
}
#mb-left-wrapper {
  width: 25%;
  text-align: left;
}
#mb-right-wrapper {
  flex-grow: 0;
  width: 75%;
  text-align: right;
  margin-left: auto;
}
.right-align,
.sent-time {
  flex-grow: 0;
  text-align: right;
  margin-left: auto;
}
.message-author .picture {
  width: 50px;
}
.message-content {
  padding: 0.5rem 0 2rem 0;
  margin-bottom: 2rem;
  font-weight: 500;
}
.message-wrapper {
  border-top: 1px solid
}
.message-wrapper:first-child {
  border: 0;
  margin-top: 0!important
}
.message-wrapper:hover .message-content .reactions {
  display: block!important
}
.reactions {
  padding-left: 1rem;
  margin-bottom: 0.3rem;
  font-size: 1.5rem;
  font-weight: 100;
}
.reaction:hover {
  cursor: pointer;
}

#refresh-button {
  cursor: pointer;
  font-size: 1.4rem;
}
#rotate-refresh-button {
  margin-right: 1rem
}
.refreshed-status {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 100;
  width: 100%;
}

/* Animated */
.changing-color-gradient {
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
}
.fade-out {
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
.fade-out-2 {
  opacity: 0;
  -webkit-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  transition: opacity 2s linear;
}
.rotate {
  animation: rotateIcon 1s infinite linear;
}
.loading {
  background-size: 200% 100%;
  animation: loadingAnimation 1.5s infinite;
}
.nudge-container.loading {
  min-height: 141px;
}

@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}
@keyframes rotateIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes loadingAnimation {
  0% {
      background-position: 200% 0;
  }
  100% {
      background-position: -200% 0;
  }
}
@keyframes moveAndReturn {
  0% {
      transform: translateX(0);
  }
  25% {
      transform: translateX(-10px);
  }
  50% {
      transform: translateX(10px);
  }
  75% {
      transform: translateX(-5px);
  }
  100% {
      transform: translateX(0);
  }
}
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* Team */
.region-team .row {
  margin-top: 30px
}

.column-wrap {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.widget-wrap {
  align-content: center;
  align-items: center;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  position: relative;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
}

.widget-wrap-1 {
  /* border: 2px solid #0A98EF; 
	 padding-top: 60px; */
  border-radius: 20px;
  padding-bottom: 60px;
}

.widget__width-initial {
  width: 50%;
  max-width: 50%;
  align-self: flex-start;
}

.widget-counter-100 {
  width: 100%;
  position: relative;
  display: block;
}

.counter {
  text-align: center;
  border-radius: 5px 5px 5px 5px;
  transform: translateY(0);
  transition-duration: 0.3s;
}

.counter-1-2 {
  /*border: 1px solid;*/
  width: 50%;
  margin-left: auto;
  margin-right: auto
}

.counter-number-wrapper {
  font-family: "Karla", Sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -2px;
  transition-duration: 0.3s
}

.counter-title {
  transition-duration: 0.3s;
  margin-bottom: 1.5rem
}

.widget-container-1 {
  margin: 0px 0px -30px 0px;
  padding: 100px 80px 100px 80px;
  background-image: url(../images/counter-1.png);
  background-position: 79px -53px;
  background-repeat: no-repeat;
  background-size: auto
}

.widget-container-2 {
  margin: -80px 0px -46px 0px;
  padding: 140px 80px 160px 50px;
  background-image: url(../images/counter-2.png);
  background-position: -70px -35px;
  background-repeat: no-repeat;
  background-size: auto
}

.widget-container-3 {
  margin: -80px 0px -46px 0px;
  padding: 140px 80px 160px 50px;
  background-image: url(../images/counter-3.png);
  background-position: -44px -18px;
  background-repeat: no-repeat;
  background-size: auto
}

.widget-container-4 {
  margin: -80px 0px 0px 0px;
  padding: 100px 131px 80px 80px;
  background-image: url(../images/counter-4.png);
  background-position: 44px -44px;
  background-repeat: no-repeat;
  background-size: auto
}

.widget-position_element_1,
.widget-position_element_2 {
  width: 220px;
  position: absolute;
  z-index: -1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  opacity: 1;
  text-align: center;
  animation: sm-yx-move 5s alternate infinite linear
}

.widget-position_element_1 {
  top: 462px
}

.widget-position_element_2 {
  left: 330px;
  top: 110px
}

.top-heading {
  margin-top: 0
}

.main-heading {
  font-size: 3rem;
  margin-top: 3rem;
  margin-bottom: 2.7rem
}

.desc p {
  font-size: 1.7rem;
  margin-bottom: 2rem;
  line-height: 3rem;
}

/* Loader */
.open-loader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
  border-radius: 6px;
  z-index: 1;
}
.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  text-align: center;
}
.loader>div {
  height: 100%;
  width: 4px;
  margin: 0 2px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loader .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  to {
    -webkit-transform: scaleY(0.5)
  }
  20% {
    -webkit-transform: scaleY(1)
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  to {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5)
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

/* Breadcrumb */
.breadcrumb {
  margin-top: 1rem;
  padding: 1rem 1.5rem;
}
.breadcrumb .game-logo {
  display: inline;
  max-height: 27px;
}
.breadcrumb img {
  display: inline;
  position: relative;
  top: -5px;
  height: 27px;
  margin-right: 0.5rem;
}
.content-breadcrumb {
  line-height: 6rem;
}

/* Box */
.box {
  padding: 3rem 2rem;
  margin-bottom: 6rem!important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.medium-box {
  max-width: 700px;
}
.medium-box h1 {
  font-size: 2.4rem;
}
.box > .row {
  margin-bottom: 0;
}

/* Modal */
#popupModal {
  display: none;
  position: fixed;
  border: 1px solid;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 100000;
}
#popupModal .modal-header {
  padding: 0;
  border-bottom: 0;
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 100;
}
#popupModal .modal-footer .close {
  float: none;
  border: 1px solid!important;
  border-radius: 5px;
  padding: 7px 10px!important;
  font-size: 1.4rem;
}
button.close {
  font-size: 4rem;
  line-height: 2rem;
}
.ui-dialog .ui-dialog-titlebar-close {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 40%;
  width: 30px;
  height: 30px
}
.ui-dialog .ui-dialog-titlebar-close::before { 
  content: '×';
  font-size: 1.6rem
}
#popupModal .modal-footer select {
  min-height: 26px;
}

#nudge-modal-content {
  text-align: center;
}
#nudge-modal-content .select-wrapper {
  width: auto;
}

p#selectedText {
  font-size: 1.4rem;
  line-height: 1.46;
}
.pointer,
#edit-selected-text:hover,
#save-selected-text:hover {
  cursor: pointer;
}
.modal {
  z-index: 99999;
}
.d-inline {
  display: inline !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.w-30 {
  width: 30%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-100,
.modal-content {
  width: 100%;
}
.h-100 {
  height: 100%
}
.mobile-width {
  width: 100%;
  min-width: 206px
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
.modal-checkbox {
  position: relative;
  top: 1px;
  margin-right: 2px!important
}
.modal .text-center,
.modal-footer {
  text-align: center!important;
}
.suggestions {
  max-height: 200px;
  overflow: scroll;
}
.sharing-icons {
  display: flex;
  margin-bottom: 2rem;
  margin-top: 1rem
}
.sharing-icons a.icon {
  display: flex;
  height: 33px;
  width: 45px;
  font-size: 22px;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.sharing-icons a.icon:hover {
  text-decoration: none;
  border-bottom: 0
}
.fw-bold {
  font-weight: bold !important;
}
.fw-normal {
  font-weight: normal !important;
}
.fw-light {
  font-weight: lighter !important;
}
.fs-80 {
  font-size: 80%
}
.fs-italic {
  font-style: italic;
}
.wh-50 {
  width: 50px;
  height: 50px;
}
.spinner {
  width: 50px;
  height: 50px;
  border: 4px solid;
  border-top: 4px solid;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 0!important
}
.input-box {
  width: 206px;
  padding: 6px 12px;
  border: 1px solid;
  font-style: italic;
}
.input-box.disabled {
  cursor: default;
  font-size: 1.6rem;
  line-height: 1.8rem;
}

/* Reviews */
.view-reviews {
  margin-top: 3rem
}
.view-reviews table {
  margin-bottom: 0;
}

/* Comments */
article.js-comment {
  border-top: 1px solid;
}
.float-right,
article.js-comment mark { 
  float: right
}
.indented article {
  margin-left: 3rem
}
.js-comment + h2 {
  margin-top: 5rem
}
.message-author img,
.user-picture-wrapper img {
  transition: transform 0.5s ease;
}
.message-author:hover img,
.user-picture-wrapper:hover {
  border: 1px solid transparent;
  outline: .1rem solid;
  outline-offset: 2px;
}
.field--name-private-messages .private-message-author-other .message-author:hover img {
  outline: .1rem solid;
}
.message-author:hover img,
.user-picture-wrapper:hover img {
  transform: scale(1.1);
}
.commnent-title h3 {
  font-family: "Darker Grotesque", sans-serif!important;
  font-weight: 600;
}
.indented p.f-1\.6 {
  font-size: 2rem;
  margin-bottom: 1rem !important;
  line-height: 2rem !important;
}
.indented p.f-1\.6 {
  margin-bottom: 0!important;
}
.indented .wh-50,
.indented .wh-50 .field--name-user-picture {
  width: 30px;
  height: 30px;
}
.indented header {
  margin-top: 3rem!important;
  margin-bottom: 1rem!important;
}

/* Custom form css */
.no-select {
  user-select: none;
  cursor: pointer;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Product */
.layout--twocol-section.layout--twocol-section--33-67>.layout__region--first,
.layout--twocol-section.layout--twocol-section--33-67>.layout__region--second,
.layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
.layout--twocol-section.layout--twocol-section--50-50>.layout__region--second {
  overflow: hidden;
}
.layout--twocol-section.layout--twocol-section--33-67>.layout__region--second,
.layout--twocol-section.layout--twocol-section--50-50>.layout__region--second {
	padding-left: 4rem
}
.layout__region--second section:first-child .field--label {
	margin-top: 0
}
.block-field-blocknodeproductbody {
	border-top: 1px solid;
	margin-top: 4rem;
	padding-top: 2rem;
}

/* Search */
.path-taxonomy h1,
.path-products h1 {
  text-align: center;
  margin-bottom: 6rem;
}
.path-products h1 {
  display: none
}
.path-products .has-title h1 {
  display: block
}
.path-products .list-product-search {
  margin-top: 6rem
}
#views-exposed-form-trade-page-1.views-exposed-form {
  text-align: center;
}
.views-exposed-form .form-inline {
  display: inline-block;
}
.views-exposed-form .form-inline .form-group {
  vertical-align: bottom;
}
.block-views.views-exposed-form {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
.block-views.views-exposed-form .form--inline {
  display: inline-block;
}
.block-views.views-exposed-form .form--inline > div { 
  display: block;
  float: none!important;
  margin-right: 0!important;
  margin-bottom: 5px;
}
.block-views.views-exposed-form .form-inline .select-wrapper,
.block-views.views-exposed-form .form-inline .form-control {
  width: 100%!important
}
.block-views.views-exposed-form .form-actions {
  text-align: center;
}

/* Teaser */
.content-block.post-list-view .post-thumbnail {
  margin-right: 20px;
  min-width: 295px;
  max-width: 295px;
  overflow: hidden;
}
.content-block.game-block {
  padding-bottom: 3rem !important;
  border-bottom: 1px solid;
}
.content-block.game-block.a-0 {
  border: 2px solid;
  padding-bottom: 20px !important
}
.content-block.game-block .post-thumbnail {
  max-height: 212px
}
.content-block.game-block .post-content {
  padding: 0 1rem!important
}
.content-block.grid .post-thumbnail {
  min-width: auto;
  max-width: 100%;
}
.content-block.review-block.post-list-view .post-thumbnail,
.content-block.forum-block.post-list-view .post-thumbnail {
  min-width: 200px;
  max-width: 200px;
  padding: 2rem
}
.content-block.small-teaser .post-thumbnail {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  max-height: 100px;
}
.post-thumbnail .game-id {
  position: absolute;
  right: 0;
  padding-right: 1rem;
  padding-top: 1rem;
  font-weight: bold;
  font-size: 2.7rem;
}
.post-thumbnail .game-id::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border-width: 100px 0 0 100px;
  border-style: solid;
  width: 0;
  z-index: 1;
}
.post-thumbnail .game-id.int-size-2::before {
  border-width: 100px 0 0 120px;
}
.post-thumbnail .game-id.int-size-3::before {
  border-width: 100px 0 0 150px;
}
.post-thumbnail .game-id span {
  position: relative;
  z-index: 2;
}
.review-block p {
  font-size: 2rem;
  line-height: 1.46;
}
.review-block .star-rating,
.forum-block .star-rating {
  border: 1px solid;
  border-radius: 3px;
  padding: 2px 10px;
  margin-right: 1.5rem;
  text-align: center;
  line-height: 1.7rem;
  white-space: nowrap;
}
.review-block .product-link,
.forum-block .product-link {
  font-size: 1.8rem;
  margin-top: 1rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.statistics-counter,
.review-block .links a,
.forum-block .links a {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 2px 0px 2px;
}
.statistics-counter {
  margin-left: 1rem
}
.review-block .links a:hover,
.forum-block .links a:hover {
  border-bottom: 0
}
.review-block .links .node-readmore,
.forum-block .links .node-readmore {
  padding-left: 0
}
.review-block .links a::after,
.forum-block .links a::after {
  content: "›";
  display: inline-block;
  width: 5px;
  margin-left: 0.5rem
}
.review-block .links .comment-add a,
.forum-block .links .comment-add a {
  margin-left: 1rem;
}
.view-related-posts .views-field-field-image a img,
.item-image a img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: transform 0.3s ease;
}
.content-block.post-list-view .post-thumbnail a img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  min-height: 174px;
  max-width: 500px;
  transition: transform 0.3s ease;
}
.content-block.post-list-view.forum-block .post-thumbnail a img {
  min-width: auto;
  width: auto;
  min-height: auto;
  border-radius: 200px;
}
.view-related-posts .views-field-field-image:hover a img,
.item-image a:hover img,
.content-block.post-list-view:hover .post-thumbnail a img {
  transform: scale(1.1);
}
.post-content .post-cat .post-cat-list a {
  display: flex;
  line-height: 20px;
  padding: 8px;
  position: relative;
  font-weight: 700;
  transition: 0.3s;
  border-bottom: 0;
}
.content-block.post-list-view .post-content {
  padding: 32px 30px;
  flex-grow: 1;
}
.content-block.post-list-view.forum-block .post-content {
  padding-top: 10px
}
.content-block.small-teaser .post-content {
  padding: 0
}
.faq-question h3,
.content-block h4.title {
  font-size: 4rem;
  line-height: 4.5rem;
  margin: 3rem 0
}
.item-title h3 a,
.faq-question h3 a,
.content-block .post-content .title a {
  position: relative;
  display: inline;
  background-size: 0px 2px;
  background-position: 0px 95%;
  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-repeat: no-repeat;
}
.content-block.post-list-view .post-content ul.links {
  margin-left: 0;
  margin-top: 1rem;
  padding: 8px 0 10px;
  border-bottom: 1px solid;
  box-shadow: none;
}
.post-meta .post-author-avatar {
  min-width: 50px;
  margin-right: 15px;
}
.user-pic,
.post-meta .post-author-avatar img {
  width: 50px;
}
.border-radius-100,
.user-pic img {
  border-radius: 100%;
}
.view-trainers .user-pic img { 
  width: 100px
}
ul.post-meta-list {
  padding-left: 0!important;
  margin-bottom: 0!important;
  font-weight: 300;
}
ul.post-meta-list li {
  list-style: none;
  line-height: 18px;
  margin: 4px 8px;
  position: relative;
}
li.post-meta-date::after {
  right: -10px;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.hover-flip-item {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.hover-flip-item-wrapper:first-child {
  padding-left: 0!important
}
.hover-flip-item-wrapper:hover .hover-flip-item span {
  -webkit-transform: translateY(-105%);
  -moz-transform: translateY(-105%);
  -ms-transform: translateY(-105%);
  -o-transform: translateY(-105%);
  transform: translateY(-105%);
}
.hover-flip-item-wrapper:hover .hover-flip-item span:before {
  -webkit-transform: skewY(7deg);
  -moz-transform: skewY(7deg);
  -ms-transform: skewY(7deg);
  -o-transform: skewY(7deg);
  transform: skewY(7deg);
}
.hover-flip-item-wrapper:hover .hover-flip-item span:after {
  -webkit-transform: skewY(0);
  -moz-transform: skewY(0);
  -ms-transform: skewY(0);
  -o-transform: skewY(0);
  transform: skewY(0);
}
.item-title h3 a:hover,
.faq-question h3 a:hover,
h4.title a:hover {
  border-bottom: 1px solid;
}
#views-exposed-form-publication-page-2 {
  text-align: center;
}
#views-exposed-form-publication-page-2 label.control-label {
  margin-right: 2rem;
}
.page-node-type-review .region-content {
  width: 80%;
  margin: 0 auto
}
/* Details */
article .field {
  line-height: 2.7rem
}
article .field--name-field-about-me {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid
}
article .field--name-field-short-answer {
  font-size: 2.6rem;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid
}
article .field--name-body {
  font-size: 2.6rem
}
article .field--name-field-publish-date {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
  border-top: 1px solid
}
article .field--name-body ul li {
  list-style-type: square;
}
article .field--name-body ul li::marker {
  font-size: 1.9rem;
}
article .field--name-body ul li,
article .field--name-body ol li {
  margin-bottom: 2rem;
}
article .field--name-body ul li li,
article .field--name-body ol li li {
  margin-bottom: 0;
  line-height: 1.2;
}
article .field--name-body ul > li > * { 
  margin-left: 0.7rem
} 
article .field--name-body ul li > p > strong {
  position: relative;
}
.game-specific-wrapper .field {
  margin-bottom: 2rem
}
article ul {
  margin-bottom: 2.5rem;
}
article .content > ul.links {
  margin-left: 0;
  margin-top: 3rem;
  margin-bottom: 4rem;
  padding: 1.5rem 1.3rem 1.5rem;
  font-size: 2rem !important;
  line-height: 2rem !important;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
article .content > ul.links > li {
  padding: 0;
}
article .product-body .field--name-body {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 2.6rem;
  line-height: 1.2;
}
.field--name-field-trainer-qr-code img {
  max-height: 222px;
}
.view-reviews .table > thead > tr > th {
  border-bottom: 0;
}
.teaser p {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
.popular-content .box-heading {
  border-bottom: 0;
  margin-top: 0!important
}
.popular-content .field-content a {
  padding: 2px
}
.popular-content .field-content a img {
  border-radius: 3px!important
}
.popular-content .teaser-heading {
  margin-top: 0.5rem;
  font-weight: bold;
}
.popular-content .teaser-heading a {
  display: inline-block;
  margin-bottom: 0.5rem;
  border-radius: 0;
}
.popular-content .teaser-heading a:hover {
  text-decoration: underline;
}
#right .popular-content .teaser-heading a:hover {
  border-bottom: 1px solid transparent;
}
.popular-content .teaser-heading em {
  display: inline-block;
  font-weight: normal
}
.popular-content .views-field-totalcount .field-content {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.popular-content .border-bottom:last-child {
  border: 2px solid
}
.popular-content .views-field-created {
  font-size: 1.3rem;
  line-height: 2rem;
  margin-top: 0.5rem;
  font-style: italic;
}
.read-more {
  margin-top: 5px;
  font-size: 13px;
}
.nav-tabs {
  margin-bottom: 1rem
}

.author {
  border-bottom: 1px solid;
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}
article.game .field .field--label,
.box-wrapper .field--label,
.page-node-type-game .field--name-field-tags .field--label,
.page-node-type-article .field--name-field-tags .field--label,
.about-author {
  font-weight: bold;
  border: 1px solid;
  padding: 1rem 1.3rem;
  margin-top: 5rem;
}
.page-node-type-game #right .field--name-field-tags .field--label {
  margin-bottom: 2rem;
  padding: 8px;
  border: 0;
  font-weight: bold;
  border-bottom: 0;
}
#right .field--name-field-tags {
  border-bottom: 0;
  box-shadow: none;
}
#right .field--name-field-tags .box-heading + .field--item,
#right .field--name-field-tags .field--items {
  border: 2px solid;
  padding: 30px 35px;
  border-radius: 10px;
}
.about-author i {
  position: relative;
  top: -1px
}
article.game .field .field--items .field--item::after,
.field--name-field-tags .field--items .field--item::after,
.field--name-field-faq-category .field--items .field--item::after {
  content: ', ';
  display: inline-block;
}
article.game .field .field--items .field--item:last-child:after,
.field--name-field-tags .field--items .field--item:last-child::after,
.field--name-field-faq-category .field--items .field--item:last-child::after {
  content: '';
}
#post-author {
  padding: 2rem 3rem;
  width: 70%;
  margin: 0 auto 5rem auto
}
#post-author .author {
  margin-bottom: 0;
}
article .field--name-body img:first-child,
body:not(.page-node-type-product) .region-content .content img {
  margin-bottom: 2rem;
  margin-right: 3rem
}
body:not(.page-node-type-product) .region-content .content .blog-post > ul > li img {
  margin-bottom: 0;
  margin-right: 0;
  max-width: 200px;
}
body:not(.page-node-type-product) .region-content .content p:first-child + img + p {
  margin-top: 2rem
}
body:not(.page-node-type-product) .region-content .content .field--name-field-review-product img,
body:not(.page-node-type-product) .region-content .content .user-pic img,
body:not(.page-node-type-product) .region-content .content .small-teaser img {
  margin-bottom: 0;
  margin-right: 0;
}
.user-about-me > * {
  font-size: 2rem;
  line-height: 1.4;
}
.user-pic .field--name-user-picture {
  width: 100px;
}
.content p > img {
  margin: 0 1rem 0.3rem 0.5rem!important;
}

.field--name-field-nickname,
#product-attributes {
  margin-top: 2rem
}

#product-attributes .table {
  margin-bottom: 0
}

.field--name-body img:first-child {
  float: left
}

.article-wrapper .field--name-body img {
  float: none;
  max-height: 600px;
  margin-top: 4rem!important;
  margin-bottom: 4rem!important;
}
.article-wrapper h1.page-header {
  margin-bottom: 6rem;
  margin-top: 8rem
}
.article-wrapper h1.page-header span {
  width: 86%;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.box-wrapper,
article.game .field,
.field--name-field-tags,
.field--name-field-faq-category,
.field--name-field-faq-game {
  margin-top: 3rem;
  margin-bottom: 4rem;
  font-size: 2rem!important;
  line-height: 2rem!important;
  border-bottom: 1px solid;
}

article.game .field .field--items,
article.game .field .field--label + .field--item,
.game .blog-post-wrapper,
.field--name-field-tags .field--items,
.field--name-field-tags .box-heading + .field--item,
.field--name-field-faq-category .field--items,
.field--name-field-faq-game .field--item {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 1rem 1.5rem;
  line-height: 3rem;
  border-right: 1px solid;
  border-left: 1px solid;
}

.is-unpublished {
  padding: 20px
}

.field--name-field-tags .field--label {
  margin-top: 1rem
}

article.game .field .field--items .field--item,
.field--name-field-tags .field--item,
.field--name-field-faq-category .field--item,
.field--name-field-faq-game .field-item {
  margin-right: 1rem
}
#slider {
  height: 158px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.product-images,
#slider,
#slider img {
  max-height: 158px;
}
#slider img {
  max-width: 60%;
}
#slider .no-desc + .carousel-inner img {
  max-width: 100%;
}
#slider .item.active,
#slider .item.prev,
#slider .item.next,
#slider .item.left, 
#slider .item.right {
  display: flex;
  align-items: center;
}
#slider .item {
  height: 158px;
}
#slider .carousel-caption {
  width: 100%;
  position: relative;
  left: -20px;
  bottom: 0;
  padding: 0 55px;
  text-shadow: none;
}
#slider h3 {
  padding: 0;
  margin: 0;
  font-size:2.2rem;
}
#slider .carousel-indicators {
  left: 56%;
}
#slider .carousel-indicators.no-desc {
  left: 50%;
}
#slider.single .carousel-control span,
#slider.single .carousel-indicators {
  display: none
}
.content #slider.single a.carousel-control,
.content #slider.single a.carousel-control:hover {
  cursor: auto;
}
ul.links a {
  font-weight: 500
}
.content a.carousel-control:hover {
  border-bottom: 0
}
article .content .field--label-inline {
  border-bottom: 1px solid
}
.field--label-inline .field--label + .field--items {
  display: block
}
.box-heading {
  display: block;
  margin-top: 4rem!important;
  margin-bottom: 0;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid
}
.box-heading i {
  position: relative;
  bottom: 1px;
}
#right .box-heading > i,
#right .box-heading > span {
  width: 15px;
  margin-left: 0.6rem
}
.box-heading .g-icon {
  display: inline-block;
  background-image: url(../images/g-icon.svg);
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}
.box-heading.related-post-label i {
  bottom: -2px
}
.view-related-posts.view-display-id-block_2 {
  width: 70%;
  margin: 0 auto;
}
.views-field-field-images {
  text-align: center;
}
.similar-product-image {
  width: auto!important;
  height: 100px;
}

/* Popular posts */
.path-blog .list-footer {
  display: flex;
  justify-content: center;
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 {
  width: 80%
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .view-content > .d-flex {
  padding-bottom: 4rem !important
}
.list-footer .teaser.summary > span a,
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .teaser-heading {
  font-size: 2.5rem !important;
  font-weight: bold;
}
.list-footer .teaser.summary > span a:hover {
  border-bottom: 1px solid;
}
.teaser.summary > span a {
  font-size: 1.4rem
}
.teaser-summary,
.body-summary {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1rem;
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .teaser.summary {
  margin-right: 2rem;
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .teaser-summary a {
  zoom: 0.8;
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .teaser p.teaser-summary {
  font-size: 2rem;
  line-height: 1;
}
.path-blog .list-footer .view-related-posts.view-display-id-block_4 .views-field-totalcount span {
  zoom: 0.8;
  text-wrap: nowrap;
}
.comment-number {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
  top: -1px;
}
.comment-number i {
  font-size: 2rem;
  top: 3px;
}
.comment-number span {
  width: 15px;
  text-align: center;
  left: 2px;
  top: -3px;
  font-weight: 400;
  font-size: 1.1rem;
}
#item-list .comment-number,
#faq-list .comment-number {
  display: none;
}
#item-list .comment-number span,
#faq-list .comment-number span {
  top: 2px
}

/* Videos */
.view-related-posts.view-display-id-block_10 .views-field-field-image,
.view-related-posts.view-display-id-block_11 .views-field-field-image {
  min-height: 150px;
}
.view-related-posts .views-field-field-image .field-content {
  position: relative;
}
.video-overlay {
  z-index: 1
}
.video-overlay a {
  height: 100%;
  width: 100%;
}
.video-overlay a i {
  font-size: 33px;
}

/* Forum */
.forum-table thead > tr th:last-child {
  min-width: 100px
}
.forum-table tbody > tr td {
  padding-top: 3rem
}
.forum-table tbody > tr td:first-child {
  padding-top: 0
}
.form-left-wrapper .game-image {
  width: 100px
}
.forum-table .custom-image img {
  border-radius: 15px
}
.field--name-taxonomy-forums {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid;
  margin-bottom: 2rem;
  padding-bottom: 1rem
}
.forum-topic-wrapper .field--name-body {
  border-bottom: 1px solid;
  padding-bottom: 2rem;
}
.forum-topic-wrapper article.js-comment {
  border: 0
}
.forum-topic-list tbody tr td {
  padding: 3rem
}
.forum-topic-list .forum__title > div > a {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  display: block;
}

/* Horizontal list */
.horizontal-list .views-row {
  display: flex;
  border-bottom: 1px solid;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}
.horizontal-list .views-row .views-field-field-image {
  margin-right: 2rem;
}
.horizontal-list .views-field-field-price {
  margin-left: 0.5rem;
  margin-right: 0.2rem
}
.horizontal-list .views-field-field-price,
.horizontal-list .views-field-field-currency {
  font-weight: bold;
}
/* Profile */
#public-info .field--type-image {
  width: 100% 
}
.user-pic {
  width: 50px;
}
.help-block {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
#profile-wrapper #left-col .field--label-above .field--label {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid
}
article #profile-wrapper ul {
  max-width: 508px;
  margin-bottom: 0;
}
#profile-wrapper .field--name-field-about-me .field--label {
  border-bottom: 1px solid;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
#profile-wrapper .field-location .field--label {
  margin-top: 0!important
}
#full-name {
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.user-options-wrapper i {
  min-width: 20px
}
.user-options-wrapper .dropdown-menu > li > a {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}
.user-options-wrapper .dropdown-menu > li > a.border-bottom:last-child {
  border-bottom: 1px solid
}
.more-options-wrapper .dropdown-menu{
  min-width: 100px;
  font-size: 1.8rem
}
.action-button {
  cursor: pointer;
  padding: 3px 20px;
  line-height: 1.42857143;
  white-space: nowrap;
}
.field--name-field-status-message {
  width: 100%;
  position: relative;
  padding: 1.5rem;
  border-radius: 30px;
  border-bottom-right-radius: 0;
  line-height: 2rem !important;
}
.field--name-field-status-message:before {
  position: absolute;
  top: 30px;
  left: -20px;
  border-width: 0 0 20px 20px;
  border-style: solid;
  display: block;
  width: 0;
}
.field--name-field-status-message .current-location {
  display: flex
}
.field--name-field-level {
  margin-top: 1rem;
}
#profile-wrapper .field--name-field-team .field--label {
  margin-top: 0
}
.views-exposed-form .form--inline .form-item {
  margin-right: 0.7rem
}
.views-exposed-form .form--inline .form-control {
  width: 100%;
  margin-right: 0;
}
.team-red,
.team-yellow,
.team-blue {
  position: relative;
  border-radius: 5px;
  padding: 10px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 98%;
}
.team-red {
  background-image: url(../images/valor-red-100.png);
}
.team-blue {
  background-image: url(../images/mystic-blue-100.png);
}
.team-yellow {
  background-image: url(../images/instinct-yellow-100.png);
}
.view-pokemon-list table > tbody > tr > td {
  vertical-align: middle;
}
.view-pokemon-list table > tbody > tr > td:first-child {
  padding-left: 2rem
}

/* Profile creation editing */
#edit-user-picture-wrapper .form-managed-file {
  display: flex;
  align-items: start;
  margin-bottom: 2rem;
}
#edit-user-picture-wrapper .form-managed-file .file {
  margin-top: 0
}
#public-info .field--type-image input {
  font-size: 1.6rem;
  width: 100%;
  height: 38px;
}
#edit-field-status-message-wrapper {
  background: no-repeat;
  margin: 0 0 1.5rem;
  padding: 0;
}
#edit-field-about-me-wrapper .ck.ck-editor__editable_inline>:first-child {
  margin-top: 1rem
}
#edit-field-about-me-wrapper .filter-wrapper {
  display: none
}
.user-form button.btn {
  zoom: 0.8
}
.user-form .form-actions button.btn {
  zoom: 1
}
.user-form .form-group .form-group,
#edit-field-last-name-wrapper,
.user-form .field-group-html-element > div:first-child {
  margin-top: 0
}
.user-form .select-wrapper select {
  display: block;
  width: 100%
}
.user-form .form-group {
  margin-top: 2rem
}
tr.draggable td {
  text-align: center;
  vertical-align: middle!important;
  padding: 0;
}
tr.draggable td:first-child {
  width: 88px;
}
tr.draggable td a.tabledrag-handle {
  float: none;
  margin: 0;
}
tr.draggable .text-warning {
  padding: 12px 0
}
.tabledrag-changed-warning {
  position: relative;
  bottom: 5px;
}
div[page="login"] ul.tabs--primary, div[page="password"] ul.tabs--primary {
  display: flex;
  justify-content: center;
}
div[page="login"] .form-actions, div[page="password"] .form-actions {
  text-align: center;
  width: 100%;
}
div[page="login"] .form-group input, div[page="password"] .form-group input {
  margin: 0!important;
  width: 100%
}
.user-login-form, .user-pass {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.user-pass p {
  text-align: center;
  font-size: 2rem;
}
#edit-field-playing-games--wrapper input[type="checkbox"] {
  display: grid;
  place-content: center;
  appearance: none;
  margin: 0;
  font: inherit;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}
#edit-field-playing-games--wrapper input[type="checkbox"]::before {
  display: block;
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em
}
#edit-field-playing-games--wrapper input[type="file"]:focus, 
#edit-field-playing-games--wrapper input[type="radio"]:focus, 
#edit-field-playing-games--wrapper input[type="checkbox"]:focus {
  outline: 0
}
#edit-field-playing-games--wrapper input[type="checkbox"]:checked::before {
  transform: scale(1);
}
#edit-field-playing-games--wrapper legend {
  font-family: "Passion One", sans-serif !important;
  font-weight: bold;
  font-size: 3rem;
  line-height: 3rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
#edit-field-playing-games--wrapper legend span {
  display: block;
  margin-bottom: 2rem;
}
#edit-field-playing-games .checkbox + .checkbox {
  margin-top: -10px;
  user-select: none;
}
#edit-field-playing-games .form-item > label {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-bottom: 1px solid;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
#edit-field-playing-games .form-item > label input {
  margin-left: 0
}
#edit-field-playing-games .form-item > label .views-field-field-small-logo {
  margin-left: 5rem
}
#edit-field-playing-games .form-item > label .views-field-title {
  display: inline-block;
  line-height: 2rem;
}
.main-container form.user-form > #account-info {
  margin-top: 2.5rem
}
.block-unblock {
  margin-bottom: 2rem;
}
.block-unblock a {
  display: block;
  width: 100%;
  line-height: 1.3;
  padding: 4px 30px 7px 30px;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 30px;
  text-align: center;
}
.private-message-recipients .block-unblock {
  margin-bottom: 0;
}
.private-message-recipients .block-unblock a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.field--name-owner .block-unblock {
  margin-bottom: 0;
  margin-top: 2px;
}
.field--name-owner .block-unblock a {
  padding: 3px 30px;
  font-size: 1.3rem;
  font-weight: normal;
}
.field--name-owner .block-unblock a:hover {
  text-decoration: none;
}
.message-wrapper .user-actions,
.private-message-inbox .user-actions {
  display: none
}

/* Trainers */
.left-col {
  border-right: 0;
  margin-top: 0;
}
.right-col {
  margin-left: 6rem;
  margin-top: 1rem;
}
.trainer-team-red,
.trainer-team-blue,
.trainer-team-yellow,
.trainer-team-none {
  position: relative;
  padding: 1rem;
  border-style: solid;
  border-width: 2px;
  margin-bottom: 2rem;
}
.view-trainers .views-row:last-child {
  margin-bottom: 0
}
.view-trainers .row.d-flex {
  display: block!important;
}
.trainer-team-blue:before,
.trainer-team-red:before,
.trainer-team-yellow:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  border-width: 80px 0 0 80px;
  border-style: solid;
  display: block;
  width: 0;
}
.trainer-team-red > .inner,
.trainer-team-blue > .inner,
.trainer-team-yellow > .inner{
  position: relative;
}
.trainer-team-red > .inner > div,
.trainer-team-blue > .inner > div,
.trainer-team-yellow > .inner > div{ 
  position: relative;
  z-index: 2;
}
.trainer-team-red > .inner:before,
.trainer-team-blue > .inner:before,
.trainer-team-yellow > .inner:before {
  content: "";
  display: block;
  position: absolute;
  background-size: contain!important;
  border: 0;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.trainer-team-red > .inner:before {
  background: url(../images/valor-red-100.png) no-repeat right top transparent;
  right: 0
}
.trainer-team-blue > .inner:before {
  background: url(../images/mystic-blue-100.png) no-repeat right top transparent;
  right: 0
}
.trainer-team-yellow > .inner:before {
  background: url(../images/instinct-yellow-100.png) no-repeat right top transparent;
  right: 0
}
.user-info .image-caption,
.user-info .field--name-field-index {
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
.text-center a {
  display: inline-block
}

/* Footer */
.footer {
  margin-top: 0;
  border-top: 0
}

#footer-logo {
  display: block;
  padding: 0;
  width: 87px;
  height: 28px;
  background: url(../images/gff-logo-white.svg) no-repeat;
  background-position: top left;
  background-size: contain;
}

#footer-logo span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.footer_1_2_3 {
  padding-top: 5rem;
  padding-bottom: 3rem;
  margin-top: 4rem
}

.footer_1_2_3 a:hover,
.footer_1_2_3 .nav>li>a:hover {
  text-decoration: underline
}

.footer_1_2_3 ul {
  padding-left: 1.5rem;
  list-style: inherit;
  list-style-type: disc
}

.footer_1_2_3 ul li {
  margin-top: 1rem;
  display: list-item
}

.footer_1_2_3 ul li::marker {
  font-size: 1.5rem
}

.footer_1_2_3 ul.nav li:first-child {
  margin-top: 0
}

.footer_1_2_3 .nav>li>a {
  padding: 0;
}

#footer-info {
  margin-bottom: 0
}

.footer-links {
  font-size: 1.5rem;
  font-weight: 500;
  float: right
}

.footer-links a {
  margin-right: .7rem;
  margin-left: .7rem;
}

.footer-links a:first-child {
  margin-left: 0
}

.footer-links a:last-child {
  margin-right: 0
}

/* Admin css */
@media (min-width: 48em) {
  .region-sticky__items {
    height: auto;
  }
}

.main-container .block-views h2 {
  margin-top: 2rem
}

.main-container > .row:last-child {
  margin-bottom: 90px;
}

caption {
  font-weight: bold;
}

.block-produc-list {
  position: relative;
}
.block-produc-list .more-link {
  position: absolute;
  top: 25px;
  right: 0;
  margin-bottom: 0;
}
.block-produc-list .more-link a {
  padding: 0.3rem 3rem;
  line-height: 1.5rem;
  top: 0;
}

.chosen-container.form-control {
  border: none;
  width: 1000px
}

.select-wrapper::after {
  right: 10px;
}

.page-node-type-ids .page-header {
  display: none;
}

.page-node-type-ids .content {
  display: none;
}

/* Profile */
h4.label {
  font-family: "Darker Grotesque", sans-serif!important;
  font-size: 2rem;
  padding: 0;
  margin-top: 2rem!important;
  display: inline-block;
}
.form-item thead  h4.label {
  margin-bottom: 0.6rem !important;
}
input.short-url {
  width: 206px;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.shield {
  position: relative;
  top: -4px;
  display: inline-block;
  margin-right: 5px;
}
.user-title-name h1 {
  display: inline-block;
  font-size: 4rem;
  padding-bottom: 0;
  text-transform: none;
}

/* Trading centre */
.view-header {
  margin-bottom: 2rem;
}
.view-trade .views-view-responsive-grid__item-inner {
  text-align: center;
  margin: 1rem 0;
}
.view-trade .views-view-responsive-grid__item-inner a {
  display: inline-block;
}
.view-trade .views-view-responsive-grid__item {
  border: 1px solid;
  border-radius: 30px;
}
.view-trade .views-view-responsive-grid__item:hover {
  border: 1px solid;
}
.view-trade img {
  margin: 0 auto;
  padding: .2rem 1rem;
  transition: transform 0.5s ease;
}
.view-trade .views-view-responsive-grid__item:hover img {
  transform: scale(1.3);
}

/* Ids layout */
.path-calendar .view-header h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.path-calendar .view-header {
  position: relative;
  padding: 40px 0;
}

.path-calendar .view-header nav.pager {
  position: absolute;
  right: 0;
  top: 15px;
}

.path-calendar .form--inline.form-inline div#edit-actions {
  margin-top: 10px;
}

.path-calendar .chosen-container.form-control {
  padding-left: 0;
}

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 8px 27px;
  border: 1px solid;
  border-radius: 30px;
  padding-top: 4px;
  font-size: 2rem;
}
.pager--load-more li > a {
  outline: 1px solid;
}
.small-rounded-button:hover,
#profile-wrapper .inline-button .more-link a:hover,
.pager--load-more li > a:hover {
  outline: 4px solid;
}

/* Form */
.form-group input {
  max-width: 100%;
}
.contact-form .form-group input,
.contact-form textarea.form-control {
  width: 100%;
  font-size: 2rem;
}
.contact-form .form-actions {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.btn.icon-before .glyphicon {
  position: relative;
  top: 4px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-top: 0.9rem;
}
button.btn,
#my-messages a.btn {
  padding: 4px 30px 7px 30px;
  font-size: 2rem;
  border-radius: 30px;
}
button.btn.btn-info#follow {
  padding: 4px 30px 7px 30px!important
}
button.btn.link-edit-summary {
  position: relative;
  top: -15px;
}
#my-messages a.btn {
  display: flex;
  flex-wrap: wrap;
  text-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1;
  min-height: 39px;
  padding: 5px 30px 8px 30px;
  font-size: 1.8rem;
}
#my-messages a.btn i {
  position: relative;
  top: 2px
}
button.tabledrag-toggle-weight {
  zoom: 0.8;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 1200px) {
  .hover-flip-item span {
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .hover-flip-item span:after, .hover-flip-item span:before {
    content: attr(data-text);
    display: block;
    position: absolute;
  }
  .hover-flip-item span:before {
    top: 0;
    -webkit-transform: skewY(0);
    -moz-transform: skewY(0);
    -ms-transform: skewY(0);
    -o-transform: skewY(0);
    transform: skewY(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 2s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .hover-flip-item span:after {
    top: 105%;
    -webkit-transform: skewY(7deg);
    -moz-transform: skewY(7deg);
    -ms-transform: skewY(7deg);
    -o-transform: skewY(7deg);
    transform: skewY(7deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 2s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .content-block.post-list-view .post-thumbnail a img {
    min-height: 212px;
  }
  .content-block.post-list-view.forum-block .post-thumbnail a img {
    min-height: 100%;
    margin-bottom: 1rem;
    border-radius: 100%;
  }
  .content-block.post-list-view.small-teaser .post-thumbnail a img {
    min-height: 100%;
  }
}

.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-11 {
  width: 100%;
  clear: both;
}

.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-1 {
  display: block;
  width: 100%;
}

.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-10,
section#block-views-block-duplicate-of-ids-view-page-block-16-2 {
  clear: both;
}

.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-7 {
  width: 100%;
}

.page-node-type-ids .views-element-container h2.block-title {
  font-size: 20px;
  letter-spacing: -0.4px;
  line-height: 1.3;
  margin: 0;
  padding: 0 0 4px;
}

.page-node-type-ids .views-element-container h2.block-title::after {
  content: unset !important;
}

@supports (-ms-ime-align:auto) {
  #block-views-block-duplicate-of-ids-view-page-block-5 {
    position: relative;
    top: -65px;
  }
}

.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-2,
.page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-3 {
  clear: both;
  float: none;
  display: block;
  margin-left: auto;
  top: -45px;
  position: relative;
}

@media only screen and (max-width: 567px) {
  .heading .region.region-header section#block-logos .logos a.logo-2 img {
    width: 100%;
  }
}

.page-node-type-ids .titltle-ids-case ul.action-links {
  padding-left: 0;
  margin-top: 10px;
}

.page-node-type-ids .titltle-ids-case ul.action-links li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}

.page-node-type-ids .titltle-ids-case ul.action-links li a {
  font-size: 16px;
}

.page-node-type-ids .titltle-ids-case ul.action-links li a:hover {
  opacity: 0.8;
}

.page-node-type-ids .titltle-ids-case ul.action-links li a:before {
  content: "";
  content: "+";
  margin-right: 3px;
}

.path-calendar .view-header h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

#edit_field_training_course_target_id_chosen {
  width: 768px !important;
}

th,
thead,
thead th {
  border: none;
}

.layout {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.layout .views-element-container {
  width: 100%;
}

.order-1 {
  order: 1
}
.order-2 {
  order: 2
}
.order-3 {
  order: 3
}

#footer-info {
  display: flex;
  width: 100%;
}

#footer-info>div {
  flex: 1;
  margin-top: auto;
}

#footer-info>div:last-child {
  text-align: right
}

.footer-un2 .footer-brand a {
  display: block;
  padding: 0;
  width: 17rem;
  height: 5.1987767584rem;
  background: url(../img/logo-en-reverse.svg) no-repeat;
  background-position: top left;
}

.footer-un2 .footer-brand a span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.copyright-text {
  display: block;
  margin-top: 2rem;
}

/* Blog */
.publication {
  margin-top: 0
}
.list-publication .views-row > .article-block {
  border-bottom: 1px solid;
  padding-bottom: 3rem;
}
.list-publication .views-row:last-child > .article-block {
  border: 0;
  padding: 0 0 50px
}
.list-publication.list-display-id-block_4 .blog-post > ul {
  margin-top: 2rem
}
.list-publication.list-display-id-block_4 .blog-post-wrapper {
  width: 100%;
}
.list-publication.list-display-id-block_4 .blog-post > ul > li {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid;
}
.list-publication.list-display-id-block_4 .blog-post > ul > li:last-child {
  border: 0;
  margin-bottom: 0;
}
.list-publication.list-display-id-block_4 .blog-post > ul > li a {
  font-size: 3rem;
  font-family: "Passion One", sans-serif !important;
  letter-spacing: 0.05rem;
}
.list-publication.list-display-id-block_4 .blog-post > ul > li > a:first-child:hover {
  border-bottom: 1px solid transparent;
}
.game-logo,
.game-logo img,
.game-icon,
.game-icon img {
  height: 42px;
  max-height: 42px;
}
.breadcrumb .game-logo img {
  height: 30px;
  top: -2px
}
.game-icon img {
  border-radius: 5px;
}
.game-title > .game-logo,
.long-title-wrapper > .game-logo,
.game-title > .game-icon,
.long-title-wrapper > .game-icon {
  display: inline-block;
  position: relative;
  top: -4px;
}
.game-title > .game-logo img,
.long-title-wrapper > .game-logo img,
.game-title > .game-icon img,
.long-title-wrapper > .game-icon img {
  display: inline-block;
}
.page-node-type-game .region-content {
  margin: 0 auto
}

/* Faq */
.path-blog h1.page-header,
.path-faqs h1.page-header {
  margin-bottom: 5rem
}
.view-faq-related-products .view-header,
.view-faq-related-products .view-header .box-heading {
  margin-bottom: 0!important
}
.view-faq-related-products .view-header,
.view-faq-related-products .view-content {
  border-left: 1px solid;
  border-right: 1px solid
}

/* Responsive */
@media only screen and (max-width: 1199.98px) {
  .page-header .lh-2\.1 {
    line-height: 100%!important;
  }
  .page-header .has-break.lh-2\.1 {
    line-height: 0.8!important;
  }
  .content-block.game-block .post-thumbnail {
    max-height: 174px;
  }
}

@media (max-width: 991.98px) {
  /* Profile */
  #profile-header.d-flex {
    display: block!important
  }
  #profile-header img {
    margin: 0 auto;
    height: auto;
    max-height: 400px
  }
  #profile-header .field--name-field-status-message {
    font-size: 2rem;
    margin-left: 0 !important;
    margin-top: 1rem;
  }
  #profile-header .field--name-field-status-message:before {
    top: -19px;
    left: 30px;
    border-width: 0 0 20px 20px;
  }
  #my-messages a.btn:first-child,
  #poke-message button.btn#poke {
    border-bottom-left-radius: 30px;
  }
  #notifications {
    top: inherit!important;
    left: inherit!important
  }
  #notification-arrow {
    top: -4px!important;
    bottom: inherit!important;
    left: 40px!important
  }

  .product-header > .row {
    display: flex;
    flex-direction: column;
  }
  .copyright-text {
    text-align: left !important;
  }
  .region-header {
    margin-top: 2rem
  }
  .region-nav-top-right-collapsible nav[role="navigation"] {
    margin-left: inherit
  }
  .navbar-toggle,
  .navbar-collapse.collapse.in {
    display: block !important;
    border-top: 0!important
  }
  .navbar-collapse.collapse {
    display: none !important
  }
  .sf-accordion-toggle {
    display: none;
  }
  #navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0!important;
    border-radius: 0!important;
  }
  #top-right-collapse {
    top: 1.3rem
  }

  .navbar-nav.menu--account {
    margin: 0;
    display: flex;
    align-items: center;
    min-height: 33px;
  }
  .message-bubble a {
    top: 0.6rem!important
  }
  .private-message-recipients {
    font-size: 80%;
  }
  #private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {
    float: right;
    font-size: 80%;
    margin-top: 1.5rem;
  }

  #lang-switcher {
    margin-right: 2.1rem;
  }

  .footer_1_2_3 h2.block-title,
  #block-dmp-footer-menu {
    margin-top: 2rem
  }

  #top-nav .navbar-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    top: -1.8rem;
  }
  .path-frontpage #navbar {
    margin-bottom: 2rem;
  }
  .path-frontpage #navbar-collapse {
    margin-bottom: 0;
  }

  .widget-container-1,
  .widget-container-2,
  .widget-container-3,
  .widget-container-4 {
    background: none;
    margin: 0;
    padding: 1rem 0
  }

  .name.navbar-brand,
  .widget-position_element {
    display: none
  }

  #navbar-collapse .sf-menu .menuparent ul {
    top: 0 !important;
  }

  .row {
    margin-bottom: 20px
  }

  h2.block-title {
    margin-top: 2rem
  }

  .top-heading {
    margin-top: 3rem;
  }

  .statistic,
  .sdg {
    margin-top: 5rem;
    margin-bottom: 0
  }

  .publication {
    padding-left: 0
  }

  .view-sdg .views-row {
    margin-bottom: 1rem
  }

  .view-sdg .views-row img {
    padding: 0
  }

  .view-sdg .views-row:first-child img {
    padding-left: 0;
    padding-right: 0
  }

  .view-sdg .views-row:last-child img {
    padding-left: 0;
    padding-right: 0
  }

  .widget-wrap-1 {
    padding-bottom: 0;
    padding-top: 0
  }

  .widget-button,
  .more-link {
    width: 100%;
    text-align: center
  }

  .inline-button .more-link {
    text-align: right
  }

  .inline-button span {
    display: inline-block;
    width: 100%;
  }

  .more-link a {
    top: 1rem
  }

  .copyright-text {
    text-align: center;
    display: block;
    margin-bottom: 2rem
  }

  .footer-links {
    text-align: center;
    display: block;
    margin-top: 2rem;
    float: none
  }

  .footer-links,
  .copyright-text {
    display: block;
    width: 100%;
    text-align: center
  }
  .view-related-posts.view-display-id-block_2,
  .page-node-type-article .w-70 {
    width: 100%
  }
  #post-author {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mr-5 {
    margin-right: 2rem!important
  }
  .ml-5 {
    margin-left: 2rem!important
  }
  .comment-comment-forum-form .form-control {
    max-width: 440px;
    margin-right: 0;
    padding-right: 0;
  }
  .ck-editor__top {
    max-width: 440px;
  }
  .view-related-posts.view-display-id-block_10 .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }
  .view-related-posts.view-display-id-block_10 .view-content > div {
    width: 100%;
    flex: 48%;
    max-width: 345px;
  }
}

@media screen and (max-width: 767.98px) {
  .mr-5 {
    margin-right: 0!important
  }
  .ml-5 {
    margin-left: 0!important
  }
  .lh-2\.1 {
    font-size: 2.8rem!important
  }

  /* General */
  h4, .h4, h4.label {
    margin-top: 2rem
  }
  .small-teaser h4 {
    font-size: 2.6rem;
  }
  .mobile-break {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
  .mobile-break > div {
    margin: 0 auto;
  }
  .more-link a {
    margin-right: 0!important;
  }
  #notifications {
    top: inherit!important
  }
  #notification-arrow {
    top: -3px!important;
    bottom: inherit!important
  }
  /* Home */
  .main-container .block-views h2 {
    text-align: center!important;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7rem;
  }
  .block-produc-list .more-link {
    position: relative;
    top: 0;
    margin: 0 auto!important;
    margin-bottom: 5rem!important;
  }
  .partner .views-row {
    display: block;
    margin-bottom: 1rem;
    margin-top: 2rem
  }
  .view-cooperating-partners img {
    float: none;
    margin: 0 auto;
  }
  .read-more {
    display: block;
    margin-top: 2rem
  }
  .poke-to-trade.d-flex {
    flex-wrap: wrap;
  }

  /* Products */
  .list-content.d-flex .mr-2 {
    margin-right: 0!important
  }
  .product-wrapper {
    width: 220px;
  }
  .product-image-wrapper {
    width: 100%;
    max-height: 320px;
  }
  .product-item-wrapper:hover {
    width: 100%!important
  }

  /* Reviews */
  .w-50,
  .w-80 {
    width: 100%;
  }
  .views-exposed-form .form-group input {
    width: 100%;
  }
  .content-block.review-block.post-list-view .post-thumbnail,
  .content-block.forum-block.post-list-view .post-thumbnail {
    min-width: 100px;
    max-width: 100px;
    padding: 1rem;
  }
  .content-block.review-block.post-list-view .post-thumbnail a,
  .content-block.forum-block.post-list-view .post-thumbnail a {
    margin-top: 1.5rem
  }
  .post-title-wrapper.d-flex {
    flex-wrap: wrap;
  }
  .content-block.post-list-view .post-content ul.links > li {
    display: block;
    padding-left: 0
  }
  .review-block .links .comment-add a,
  .forum-block .links .comment-add a {
    margin-left: 0
  }
  .review-details {
    overflow: hidden;
  }
  .content-block h4.title {
    font-size: 2.82rem;
    line-height: 3.2rem;
  }

  /* Blog */
  .breadcrumb {
    padding: 0
  }
  .content-breadcrumb {
    line-height: 1.4;
  }
  .content-block.post-list-view .post-thumbnail {
    width: 100%;
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
  }
  .content-block.small-teaser .post-thumbnail {
    width: 130px;
    min-width: 130px;
    height: 100px;
  }
  .article-wrapper .field--name-body img {
    max-height: 100%;
    max-width: 100%;
  }
  .category-description {
    padding: 0 3rem
  }
  .article-block {
    width: 100%;
    flex-wrap: wrap;
  }
  .article-block.small-teaser {
    flex-wrap: nowrap;
    gap: 2rem;
    margin-top: 0!important
  }
  .user-pic {
    width: auto
  }
  ul.post-meta-list {
    flex-wrap: wrap;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  ul.post-meta-list li {
    line-height: 21px;
    margin: 0;
  }
  li.post-meta-date::after {
    display: none
  }
  .submitted {
    align-items: start;
  }
  .view-related-posts.view-display-id-block_2 {
    width: 100%
  }
  /* Form */
  textarea.form-control {
    max-width: 100%;
  }

}

@media (max-width: 767.98px) {
  #edit-user-picture-wrapper .form-managed-file {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
  }
  #edit-user-picture-wrapper .preview {
    margin: 0 auto 1rem;
    text-align: center
  }
  .user-form .file {
    line-height: 1.5rem;
    margin-top: 0;
  }
  .user-form .file > span {
    padding: 1rem 0
  }
  .user-form .file > span.file-icon {
    padding-left: 1rem
  }
  .user-form .file > span.file-link {
    padding: 1rem
  }
  .user-form .file > span.file-size {
    padding-right: 1rem
  }
  form.user-form .form-actions {
    text-align: center
  }
  form.user-form > .field-group-html-element input.form-text {
    min-width: 150px;
  }
  .user-login-form .form-group input, .user-pass .form-group input {
    width: 100%;
    margin: 0
  }
  div[page="register"] ul.tabs--primary {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  div[page="login"] ul.tabs--primary, div[page="password"] ul.tabs--primary {
    flex-wrap: wrap;
  }
  div[page="register"], div[page="login"], div[page="password"] {
    margin-bottom: 3rem;
  }
  #edit-field-playing-games--wrapper legend {
    text-align: center;
  }
  tr.draggable td:first-child {
    width: 50px
  }
  #field-pokemon-to-trade-add-more-wrapper {
    overflow-x: scroll
  }
  table#field-pokemon-to-trade-values {
    width: 133%;
    max-width: 133%;
  }
  .content-block.game-block .post-thumbnail {
    max-height: 100%
  }
}

/* Override system default */
@media (min-width: 576px) {
  .flex-sm-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -webkit-flex-direction: row!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .d-md-flex {
    display: block!important;
  }
  .view-trainers .row.d-flex {
    display: flex!important;
  }
  .mb-md-2 {
    margin-bottom: 2rem!important;
  }
  .mr-md-1 {
    margin-right: 0!important;
  }
  .mobile-width {
    min-width: 100%
  }
  .trainer-team-blue:before,
  .trainer-team-red:before,
  .trainer-team-yellow:before { 
    border-width: 100px 0 0 200px;
  }
  .trainer-team-red > .inner:before,
  .trainer-team-blue > .inner:before,
  .trainer-team-yellow > .inner:before {
    height: 60px;
  }
  .user-pic {
    width: auto
  }
  .left-col {
    border-right: 1px solid;
    margin-left: 2rem;
    margin-top: 1rem;
  }
  .right-col {
    margin-left: 0;
    margin-top: 0;
  }
  #notification-item.open + li {
    margin-left: 0!important
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: none
  }
  .left-col {
    margin-left: 0;
  }
  .list-product-search .list-content {
    padding-left: 2rem!important
  }
  .list-product-search .views-exposed-form .form-inline .form-control[name="product_search"] {
    min-width: 500px;
  }
  .list-product-search .views-exposed-form .form--inline .form-actions {
    margin-top: .2rem;
  }
  #views-exposed-form-publication-page-2 .form-inline .form-control {
    width: 293px;
  }
  .md\:py-3 {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
  }
  .md\:px-5 {
    padding-left: 2.25rem!important;
    padding-right: 2.25rem!important;
  }
  .text-md-center {
      text-align: center !important;
  }
  .text-md-center a {
    display: inline-block !important;
  }
  .grid-columns-33-33-33 {
    grid-template-columns: 42% 42%;
    column-gap: 5%;
    align-items: start;
  }
}

@media only screen and (min-width: 992px) {
  .page-node-type-ids .views-element-container {
    display: inline-block;
    width: 33.33%;
    padding: 0 15px;
  }
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-16,
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-8,
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-11,
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-10,
  section#block-views-block-duplicate-of-ids-view-page-block-16-2,
  section#block-views-block-ids-source-block-1 {
    width: 47%;
  }
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-9 {
    width: 48.33%;
    top: -250px;
  }
  .page-node-type-ids section#block-views-block-duplicate-of-ids-view-page-block-8 {
    bottom: 450px;
  }
  .page-node-type-ids div#leaflet-map-view-duplicate-of-ids-view-page-block-10 {
    height: 300px !important;
  }
  .no-status #profile-header {
    width: 100%;
    justify-content: center;
  }
  .no-status #profile-header img {
    margin-left: 0
  }
  .grid-columns-33-33-33 {
    grid-template-columns: 31% 31% 31%;
    column-gap: 3.5%;
    align-items: start;
  }
}

@media (max-width: 639px) {
	.layout--twocol-section.layout--twocol-section--50-50>.layout__region--second { 
		padding: 0
	}
}

@media (max-width: 575.98px) {
  .flex-wrap-xs {
    flex-wrap: wrap;
  }
  .gap-1-xs {
    gap: 1rem
  }
  .push-top-1-xs,
  .push-top-2-xs
   {
    position: relative;
  }
  .push-top-1-xs {
    top: 1px
  }
  .push-top-2-xs {
    top: 2px
  }
  #top-nav .navbar-toggle {
    display: none!important;
  }
  #top-right-collapse {
    display: block!important;
    z-index: 100;
    top: -2.5rem;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  #navbar {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }
  .navbar .navbar-toggle {
    margin-right: 5px;
    z-index: 1002;
  }
  .region-nav-top-right-collapsible {
    margin-top: 0;
  }
  .w-xs-100,
  .region-nav-top-right-collapsible nav[role="navigation"] {
    width: 100%;
  }
  #navbar-collapse {
    position: relative;
    z-index: 1003;
  }
  #notification-item.open {
    width: 100%;
    position: absolute
  }
  #notification-item.open + li {
    margin-left: 111.7px;
  }
  .nudge-text {
    align-items: center;
  }
  .region-header {
    display: block;
    width: 100%;
    margin-top: 0;
    padding-bottom: 2rem;
  }
  .logos {
    justify-content: center;
  }
  .region-header .logo {
    padding-right: 0;
  }
  #block-dmp-account-menu {
    margin-left: 3rem;
    margin-right: 3rem
  }
  #lang-switcher {
    margin-top: 1.5rem
  }
  .search-block-form {
    margin-top: 2rem;
    width: 100%
  }
  .main-container .partner h2.block-title,
  .footer_1_2_3 h2.block-title {
    text-align: center!important
  }
  #slider h3 {
    font-size: 1.6rem
  }
  h1, .h1 {
    font-size: 4.3rem;
  }
  h1.page-header {
    display: block!important;
    margin-top: 0.5rem
  }
  #product-breadcrumb {
    line-height: 3.7rem;
  }
  .counter-1-2 {
    width: 73%
  }
  .footer-links {
    float: none
  }
  #product-details .price {
    font-size: 2rem!important
  }
  .product-wrapper {
    width: 80%;
  }
  .product-image-wrapper {
    max-height: 320px;
  }
  .f-1\.8 {
    font-size: 1.4rem !important;
    line-height: 1.4rem !important;
  }
  #field-wrapper .s-1 {
    margin: 0!important
  }
  .w-22 {
    width: auto!important
  }
  .ml-2 {
    margin-left: 0!important
  }
  .mr-0\.2,
  .mr-0\.5,
  .mr-2 {
    margin-right: 0!important
  }
  #mb-left-wrapper,
  #mb-right-wrapper {
    width: auto
  }
  .message-content {
    padding-bottom: 0;
  }
  .reactions {
    display: block!important;
    position: relative !important;
    margin-top: 1rem;
    text-align: right;
  }
  /* Profile */
  .left-col {
    align-items: center;
    margin-bottom: 3rem;
  }
  .right-col {
    margin-left: 1rem
  }
  .user-page-header {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .user-page-header > div:last-child {
    padding-bottom: 1rem
  }
  #user-options {
    margin-top: 2px;
  }
  #more-options {
    padding: 4px 10px 7px 10px
  }
  .user-options-wrapper li, .more-options-wrapper li {
    font-size: 2rem
  }
  #my-messages {
    margin-top: 5px!important
  }
  #my-messages a.btn:first-child,
  #poke-message button.btn#poke {
    max-width: 100%;
    border-bottom-left-radius: 0;
  }
  .user-pic {
    margin-top: 2rem !important;
    margin-right: 2rem !important;
    margin-left: 1rem !important;
  }
  #post-author .user-pic {
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 1rem;
  }
  .user-title-name {
    width: 100%;
    text-align: center;
  }
  #profile-header .field--name-field-status-message:before {
    top: -9px;
    left: 30px;
    border-width: 0 0 10px 10px;
  }
  .send-message-form {
    display: grid;
    width: 100%;
    grid-template-areas:
    "message message"
    "alert privacy"
    "send close";
    grid-template-rows: 3fr 0.7fr 0.7fr;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2rem;
  }
  .send-message-form > .form-item-message {
    grid-area: message;
    margin: 0;
  }
  .send-message-form > .message-form-alert {
    grid-area: alert;
    line-height: 1;
    margin-bottom: 1rem;
  }
  .send-message-form > .form-item-select-message-privacy {
    grid-area: privacy
  }
  .send-message-form > .form-item-select-message-privacy select {
    width: 100%
  }
  .send-message-form > #send-message {
    grid-area: send;
    width: 100%;
    padding: 7px 30px 10px 30px
  }
  .send-message-form > .btn-secondary {
    grid-area: close;
    padding: 7px 30px 10px 30px
  }  
  #action-buttons {
    gap: 0.5rem;
    zoom: 0.9;
    margin-top: 1rem;
    margin-left: 0
  }
  button.btn.btn-info#follow, #add-friend {
    padding: 4px 15px 7px 15px !important;
    border-radius: 5px;
  }
  .field--name-field-short-code > div:last-child,
  .field--name-field-trainer-code > div:last-child {
    justify-content: center;
    margin-top: 1rem;
  }
  .field--name-field-trainer-qr-code img {
    margin: 1rem auto 0 auto;
  }
  .send-message-board-form .form-item-message {
    padding-top: 2rem
  }
  .views-exposed-form .form-inline .form-group {
    text-align: center;
  }
  .views-exposed-form .form-inline {
    display: block;
  }
  .send-message-board-form .form-item-message label {
    display: inline;
  }
  #message-board textarea {
    margin-top: 1rem;
  }
  .relative > .make-first-tab.absolute {
    position: relative !important;
    margin-bottom: 2rem;
  }
  .content-block.forum-block.post-list-view .post-thumbnail {
    max-width: 100%;
  }
  .comment-comment-forum-form .form-control,
  .ck-editor__top {
    max-width: 300px;
  }
  .forum-block .author {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border-bottom: 0;
    margin-bottom: 0;
  }
  /* Blog & FAQs */
  .path-blog h1.page-header,
  .path-faqs h1.page-header,
  .page-node-type-faq h1.page-header {
    margin-top: 1rem
  }
  /* Popular Posts */
  .list-publication.list-display-id-block_4 .blog-post > ul > li,
  .path-blog .view-related-posts.view-display-id-block_4 .view-content > .d-flex {
    flex-wrap: wrap;
  }
  .path-blog .view-related-posts.view-display-id-block_4 .views-field-field-image {
    margin-bottom: 1rem;
  }
  .path-blog .view-related-posts.view-display-id-block_4 .views-field-totalcount {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 520px) {
  #footer-info {
    flex-wrap: wrap;
  }

  #footer-info>div {
    flex: inherit;
  }

  #footer-info>div:last-child {
    margin-bottom: 2rem;
    text-align: left
  }
}

/* From Galaxy Fold to iPhone 14 Pro Max */
@media only screen and (min-width: 280px) and (max-width: 430px) {
  .mw-150 {
    min-width: 100px;
  }
  .views-field-field-images {
    margin-bottom: 2rem;
    max-height: 200px;
    overflow: hidden;
  }
  .views-field-field-images .similar-product-image {
    width: 100%!important;
    height: auto;
  }
  .views-field-field-images .similar-product-image.mb-2 {
    margin-bottom: 0!important
  }
}

@-webkit-keyframes slide-right{
  0%{
    transform:translateX(-50%)
  }to{
    transform:translateX(0)
  }
}
@keyframes slide-right{
  0%{
    transform:translateX(-50%)
  }to{
    transform:translateX(0)
  }
}