@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(../libs/fonts/montserrat/Montserrat-Light.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url(../libs/fonts/montserrat/Montserrat-LightItalic.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../libs/fonts/montserrat/Montserrat-Regular.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(../libs/fonts/montserrat/Montserrat-Medium.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url(../libs/fonts/montserrat/Montserrat-MediumItalic.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(../libs/fonts/montserrat/Montserrat-SemiBold.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url(../libs/fonts/montserrat/Montserrat-SemiBoldItalic.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(../libs/fonts/montserrat/Montserrat-Bold.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url(../libs/fonts/montserrat/Montserrat-BoldItalic.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../libs/fonts/roboto/Roboto-Light.ttf) format('truetype'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url(../libs/fonts/roboto_slab/RobotoSlab-Bold.ttf) format('truetype'); /* IE9 Compat Modes */
}

:root {
  --sb-font: 'Montserrat', sans-serif;
  --sb-font-2: 'Roboto Slab', sans-serif;
  --sb-font-3: 'Roboto', sans-serif;
  --sb-primary: #c41425;
  --sb-dark: #000000;
  --sb-heading: #000000;
  --sb-link: #000000;
  --sb-link-hover: #c41425;
  --sb-border-color: #bababa;
  --sb-radius: 2rem;
  --sb-grid-gap: 2rem;
  --sb-row-gap: 2rem;
  --sb-column-gap: 1.5rem;
  --sb-content-gap: 1.5rem;
  --sb-menu-height: 8rem;
  --sb-default-gap: 9rem; 
  --wide-width-size: 140rem;
  --content-width-size: calc(var(--wide-width-size) + 3rem);
}

@media (min-width: 1537px){
  :root{
    --sb-content-gap: 7rem;
  }
}

@media (max-width: 767px){
  :root{
    --sb-menu-height: 6rem;
    --sb-default-gap: 4rem;
    --sb-column-gap: 2rem;
    --sb-content-gap: 2rem;
  }
}


html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  border: 0
}

html {
  font-size: 62.5%;
  font-family: sans-serif;
/*  scroll-behavior: smooth;*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

main {
  display: block
}

progress {
  vertical-align: baseline
}

html {
  box-sizing: border-box
}

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

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: 0
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

body,button,input,select,textarea {
  font-family: var(--sb-font);
  color: var(--sb-dark);
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -.25px;
}

body.hidden{
  overflow: hidden;
}

select {
  display: inline-block;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all .25s;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat !important;
  padding-right: inherit;
  background-position: right .45em top 50%;
  background-size: auto 16px;
  padding-right: 1.8rem! important
}

p {
  margin-bottom: 1.6rem;
}

p:last-child{
  margin-bottom: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: 600;
  color: var(--sb-heading);
  line-height: 1.2;
}

pre {
  background: rgba(0,0,0,0.05);
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  margin-bottom: 1.5rem;
  padding: 2rem;
  overflow: auto;
  max-width: 100%
}

blockquote,blockquote.wp-block-quote {
  border-left: .5rem solid rgba(0,0,0,0.05);
  padding: 2rem;
  font-size: 1.4rem;
  font-style: italic;
  margin: 0 0 1.5rem;
  position: relative
}

table td p,blockquote p:last-child {
  margin: 0
}

table,th,td {
  border: 1px solid rgba(0,0,0,0.1)
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.5rem;
  width: 100%
}

th,td {
  padding: 1rem
}

th {
  border-width: 0 1px 1px 0
}

td {
  border-width: 0 1px 1px 0
}

hr {
  background-color: rgba(0,0,0,0.1);
  border: 0;
  height: 1px;
  margin-bottom: 3rem;
  margin-top: 3rem
}

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

fieldset legend {
  padding: 0;
  margin-bottom: 1.5rem
}

h1 {
  font-size: 3rem;
  margin-bottom: 2rem;
  text-transform: none
}

h2 {
  font-size: 2.6rem;
  margin-bottom: 2rem;
  text-transform: none
}

h3 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
  line-height: 1.3em;
  text-transform: none
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.8rem;
}

h4,h5,h6 {
  margin-bottom: 2rem;
}

ul {
  list-style: disc
}

ol {
  list-style: decimal
}

ul,ol {
  margin: 0 0 1.5em
}

li > ul,li > ol {
  margin-bottom: 0;
  margin-left: 1.5rem
}

dt {
  font-weight: 600
}

dd {
  margin: 0 1.5rem 1.5rem
}

b,strong {
  font-weight: 600
}

dfn,cite,em,i {
  font-style: italic
}

address {
  margin: 0 0 1.5rem
}

code,kbd,tt,var {
  font: 1.5rem Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
}

abbr,acronym {
  border-bottom: 1px dotted var(--sb-border-color);
  cursor: help
}

mark,ins {
  text-decoration: none
}

sup,sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  bottom: 1ex
}

sub {
  top: .5ex
}

small,.small {
  font-size: 75%
}

big {
  font-size: 125%
}

figure {
  margin: 0
}

table {
  margin: 0 0 1.5rem;
  width: 100%;
  word-break: break-word
}

th {
  font-weight: 600
}

img {
  height: auto;
  max-width: 100%
}

.list-inline {
  margin: 0;
  padding: 0;
  list-style: none
}

.no-marker {
  list-style: none;
  padding-left: 0
}

.has-marker {
  padding-left: 1.5rem
}

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

a.button:focus,a.button:hover,.button,button,input[type="button"],input[type="reset"],input[type="submit"],a.wp-block-button__link:not(.has-background) {
  background: var(--sb-primary);
  color: #FFF;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  padding: .8rem 1.5rem
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,select {
  -webkit-appearance: none;
  border: 1px solid var(--sb-border-color);
  padding: .8rem 1.5rem;
  max-width: 100%;
  color: var(--sb-dark);
  background-color: var(--sb-border-color);
}

textarea {
  width: 100%
}

a,button,input {
  transition: color .1s ease-in-out,background-color .1s ease-in-out
}

input:focus{
  outline: none;
}

a {
  text-decoration: none;
  color: var(--sb-link)
}

a:hover,a:focus {
  color: var(--sb-link-hover)
}

.button,.wp-block-button .wp-block-button__link {
  padding: .8rem 1.5rem;
  display: inline-block
}

.wp-block-button .wp-block-button__link {
  font-size: inherit;
  line-height: inherit;
  text-decoration: none
}

.using-mouse :focus {
  outline: 0
}

.using-mouse ::-moz-focus-inner {
  border: 0
}

.alignleft {
  float: left;
  display: inline;
  margin-right: 1.5rem
}

.alignright {
  float: right;
  display: inline;
  margin-left: 1.5rem
}

.aligncenter {
  float: none;
  clear: both;
  display: block;
  margin: 0 auto;
  text-align: center
}

.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
  max-width: 100%;
  height: auto
}

.content-narrow .entry-content .alignfull,.no-sidebar .entry-content .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto
}

.screen-reader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px;
  word-wrap: normal!important
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip: auto!important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: .875rem;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

#primary[tabindex="-1"]:focus {
  outline: 0
}

.absolute {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}



::-webkit-scrollbar {
  width: 8px;
  height: 4px;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb {
  width: 8px;
  height: 4px;
  border-radius: 999px;
  background: var(--sb-primary);
}

::-webkit-scrollbar-track {
  background-color: transparent
}


/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: .8rem;
  cursor: pointer;
  transition: opacity .15s,background-color .15s,color .15s;
  overflow: hidden;
  position: relative;
  background: var(--sb-dark);
  color: #FFF;
  font-size: 1.4rem;
  white-space: nowrap;
  font-weight: 500;
  text-transform: none;
  padding: 1rem 1.6rem !important;
  border-radius: .8rem;
  line-height: normal;
}

.btn .label-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
}

.btn .label-wrapper > span{
  display: block;
}

.btn:hover{
  color: #fff;
  background: var(--sb-primary);
  opacity: .9;
}

.btn:hover .label:first-child{
  animation: aspect-button-label-revert .5s ease;
}

.btn .label-wrapper>.label:last-child {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(100%);
}

.btn:hover .label:last-child {
  animation: aspect-button-label .5s ease;
}

.btn:hover >.icon-arrow-right {
  animation: aspect-button-icon .6s ease;
}

@keyframes aspect-button-label {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes aspect-button-label-revert {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-100%);
  }
}

@keyframes aspect-button-icon {
  0% {
    clip-path: inset(0);
    transform: translateX(0);
  }

  50% {
    clip-path: inset(0 0 0 100%);
    transform: translateX(var(--spacing-1));
  }

  51% {
    clip-path: inset(0 100% 0 0);
    transform: translateX(0);
  }

  100% {
    clip-path: inset(0);
  }
}

/*--------------------------------------------------------------
# Grid Flex
--------------------------------------------------------------*/

.grid {
  display: grid;
  display: -webkit-grid;
}

.grid-item {
  position: relative;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

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

.flex-center-center {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.flex-center-end {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-center-start {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start;
}

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

.flex-end-end {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.flex-between {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.flex-end {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}

.inflex-center-center {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  justify-content: center;
}

.flex-row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--sb-column-gap) * -1);
}

.flex-row-center{
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 calc(var(--sb-column-gap) * -1);
}

.flex-col {
  position: relative;
  width: 100%;
  padding: 0 var(--sb-column-gap);
}

.flex-col-1, .flex-col-2, .flex-col-3, .flex-col-4, .flex-col-5, .flex-col-6, .flex-col-7, .flex-col-8, .flex-col-9, .flex-col-10, .flex-col-11, .flex-col-12, .flex-col,
.flex-col-auto, .flex-col-sm-1, .flex-col-sm-2, .flex-col-sm-3, .flex-col-sm-4, .flex-col-sm-5, .flex-col-sm-6, .flex-col-sm-7, .flex-col-sm-8, .flex-col-sm-9, .flex-col-sm-10, .flex-col-sm-11, .flex-col-sm-12, .flex-col-sm,
.flex-col-sm-auto, .flex-col-md-1, .flex-col-md-2, .flex-col-md-3, .flex-col-md-4, .flex-col-md-5, .flex-col-md-6, .flex-col-md-7, .flex-col-md-8, .flex-col-md-9, .flex-col-md-10, .flex-col-md-11, .flex-col-md-12, .flex-col-md,
.flex-col-md-auto, .flex-col-lg-1, .flex-col-lg-2, .flex-col-lg-3, .flex-col-lg-4, .flex-col-lg-5, .flex-col-lg-6, .flex-col-lg-7, .flex-col-lg-8, .flex-col-lg-9, .flex-col-lg-10, .flex-col-lg-11, .flex-col-lg-12, .flex-col-lg,
.flex-col-lg-auto, .flex-col-xl-1, .flex-col-xl-2, .flex-col-xl-3, .flex-col-xl-4, .flex-col-xl-5, .flex-col-xl-6, .flex-col-xl-7, .flex-col-xl-8, .flex-col-xl-9, .flex-col-xl-10, .flex-col-xl-11, .flex-col-xl-12, .flex-col-xl,
.flex-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: var(--sb-column-gap);
  padding-left: var(--sb-column-gap);
}

.flex-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.flex-col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.flex-col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.flex-col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.flex-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.flex-col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.flex-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.flex-col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.flex-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.flex-col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.flex-col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.flex-col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.flex-col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.flex-col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .flex-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flex-col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flex-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .flex-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flex-col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flex-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .flex-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flex-col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flex-col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .flex-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .flex-col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .flex-col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Swiper
--------------------------------------------------------------*/

.swiper-margin {
  max-width: 84%;
  margin: 0 auto;
}

.box-title .swiper-control {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}

.swiper-control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  z-index: 5;
  position: relative;
  overflow: hidden;
  color: var(--sb-dark);
}

@media (max-width: 1280px) {

  .swiper-control-btn {
    width: 4rem;
    height: 4rem;
  }

}

.swiper-control-btn:hover {
  color: var(--sb-primary);
}

.swiper-control-btn svg path {
  fill: currentColor;
}

.swiper-control-btn.swiper-button-disabled {
  cursor: no-drop;
  opacity: .2 !important;
}

.swiper-control-absolute .swiper-control-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-control-absolute .swiper-prev {
  left: 0;
}

.swiper-control-absolute .swiper-next {
  right: 0;
}

.swiper-control-relative{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4rem;
}

.swiper-pagination {
  position: absolute;
  z-index: 21;
  text-align: center;
  left: 50% !important;
  bottom: 2rem !important;
  transform: translateX(-50%);
}

.swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #f2f2f2;
  opacity: 1;
  transition: all 0.3s;
}

.swiper-pagination .swiper-pagination-bullet-active {
  width: 2.4rem;
  border-radius: 99rem;
  background: var(--sb-primary);
}

.swiper-pagination-static{
  position: static;
  left: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: .8rem;
}

.swiper-pagination-static{
  display: none !important;
}

@media (min-width: 767px){
 
}

.swiper-pagination-static .swiper-pagination-bullet{
  margin: 0 !important;
}

@media (max-width: 576px){
  .swiper-pagination-static{
    gap: .5rem;
  }
  .swiper-pagination .swiper-pagination-bullet-active{
    width: 1rem;
  }
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.modal.active {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}

.modal-overlay {
  position: fixed;
  cursor: pointer;
  inset: 0;
  opacity: 0;
  background-color: rgba(28, 25, 25, .8);
  backdrop-filter: blur(11.5px) opacity(0);
  z-index: -1;
  transition: all .3s ease-in-out;
}

.modal.active .modal-overlay {
  opacity: 1;
  transition: all .3s ease-in-out;
}

.modal .modal-content {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
  z-index: 1;
  max-width: var(--content-width-size);
  padding: 0 var(--sb-column-gap);
  display: flex;
  flex-direction: column;
  align-items: end;
  transition: all .3s ease-in-out;
}

.modal.active .modal-content {
  transform: translate(-50%, -50%);
}

.modal .modal-content .modal-content-grid {
  width: 100%;
  background: #fff;
  padding: 10rem 8rem;
  display: grid;
  grid-template-columns: 28rem minmax(0, 1fr);
  gap: 10rem;
}

.modal-close{
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

.modal-close:not(:hover) img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

@media (min-width: 1200px) and (max-width: 1440px){
  .modal-close img{
    width: 24px;
    height: 24px;
  }

  .modal .modal-content{
    max-width: 92%;
  }

  .modal .modal-content .modal-content-grid{
    gap: 6rem;
    padding: 6rem 4.6rem;
  }
}

@media (max-width: 1200px){
  .modal-close img{
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 767px){
  .modal .modal-content{
    overflow: auto;
    max-height: 90vh;
    padding: 1.5rem;
  }
  .modal .modal-content .modal-content-grid {
    display: block;
    padding: 2rem 1.5rem;
  }
  .modal .modal-content .modal-content-desc{
    margin-top: 2rem;
  }

  .modal .modal-content .modal-content-desc p{
    margin-bottom: 1rem;
  }
}

.wpcf7-not-valid-tip{
  font-size: 1.4rem;
  margin-top: .3rem;
}

.wpcf7-spinner{
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wpcf7-form-control-wrap{
  display: flex;
  flex-direction: column;
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--sb-primary);
  background: var(--sb-primary);
  color: #fff
}

.wpcf7 form .wpcf7-response-output {
  border-radius: 16px;
  margin: 0;
  margin-top: 36px;
  font-size: 1.4rem;
  padding: 10px 20px;
  text-align: center;
  border-color: #54b76c;
  background: #54b76c;
  color: #fff
}

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/

#page {
  min-height: 100vh;
  display: block;
  position: relative;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.img-cover {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.line-3 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-2 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-1 {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.easy-select{
  --es-height: 4.2rem;
  --es-border: 1px solid var(--sb-border-color);
  --es-border-hover: 1px solid var(--sb-border-color);
  --es-radius: 0;
  --es-text: var(--sb-dark);
  font-weight: 600;
}
.es-dropdown .es-option:hover, .es-dropdown:hover .es-option.es-active:hover, .es-option.es-active{
  color: var(--sb-primary);
}
.easy-select .es-current .es-option{
  color: var(--sb-primary);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--sb-menu-height);
  transition: all .3s;
  z-index: 100;
}

.header:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  transition: all .3s;
}

.header.show {
  position: fixed;
  top: 0;
  height: 8rem;
}

.header.show::before{
  height: 100%;
  border-bottom: 1px solid #f2f2f2;
}

.admin-bar .header.show{
  top: 32px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.wrap-header{
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 0 var(--sb-content-gap);
  height: 100%;
  transition: all .3s ease-in-out;
}

.logo,
.logo svg {
  transition: all .3s;
}

.logo {
  position: relative;
  display: flex;
}

.logo a {
  display: flex;
  color: var(--sb-primary);
}

.logo svg {
  width: 100%;
  height: 100%;
}

.logo path {
  fill: currentColor;
}

/* Main menu */

.main-menu {
  transition: all .3s ease-in-out;
  z-index: 30;
}

@media (max-width: 1199px) {
  .main-menu{
    display: none !important;
  }
}

.main-menu,
.main-menu>ul {
  display: block;
  width: 100%;
  height: 100%;
}

.main-menu>ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
}

.main-menu li {
  position: relative;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--sb-dark);
  z-index: 5;
}

/*.header.show .main-menu li:not(:hover)>a{
  color: var(--sb-dark);
}

.header.show .main-menu>ul>li.current-menu-item>a, .header.show .main-menu li:hover>a{
  color: var(--sb-primary);
}*/

.main-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: currentColor;
  white-space: nowrap;
  height: 100%;
  transition: all .3s ease-in-out;
}

.main-menu li:hover>a, .main-menu li.current-menu-item>a{
  color: var(--sb-primary);
}

.main-menu li a .menu-icon{
  margin-left: .5rem;
  margin-top: 0;
  display: none;
}

.menu-icon svg{
  fill: currentColor;
}

.main-menu>ul>li:not(:last-child){
  margin-right: 4rem;
}

.main-menu>ul>li>a {
  text-transform: none;
}

@media (min-width: 1701px) and (max-width: 1919px) {
  .main-menu>ul>li>a{
    font-size: 1.4rem;
  }
}

.header .main-menu>ul>li>a::before{
  content: "";
  width: 0;
  height: 1px;
  background: currentColor;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 30%;
  transition: width .3s ease-in-out;
}

.header .main-menu>ul>li:hover>a::before, .header .main-menu>ul>li.current-menu-item>a::before{
  width: 100%
}

.main-menu li:not(.mega-menu) ul.sub-menu {
  list-style: none;
  margin: 0;
  width: auto;
  min-width: 26rem;
  z-index: 5;
  left: -25px;
  top: 10rem;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(2rem);
  position: absolute;
  height: auto;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .36);
}

.main-menu li:not(.mega-menu) ul.sub-menu .wrapped-list{
  padding: 25px;
  z-index: 1;
  position: relative;
  background: #fff;
}

.main-menu li:not(.mega-menu) ul.sub-menu::before{
  content: "";
  height: 22px;
  left: calc(var(--width) / 2 + 12.5px);
  top: -10px;
  transform: rotate(45deg);
  width: 22px;
  z-index: -1;
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .36);
}


.header.show .main-menu li:not(.mega-menu) ul.sub-menu {
  top: 8rem;
}

.main-menu li:not(.mega-menu)>ul>li>ul{
  left: 100% !important;
  top: 0 !important;
}

.main-menu li:not(.mega-menu):hover>ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.main-menu ul.sub-menu li>a {
  padding: 8px 12px;
  width: 100%;
  color: var(--sb-dark);
  font-weight: 600;
}

.main-menu ul.sub-menu li.current-menu-item a, .main-menu ul.sub-menu li:hover>a{
  color: var(--sb-primary);
}

@media (min-width: 1701px) and (max-width: 1919px){

  .main-menu li:not(.mega-menu) ul.sub-menu {
    border-width: .4rem;
  }

  .main-menu ul.sub-menu li>a{
    font-size: 1.4rem;
  }

}

.main-menu ul.sub-menu li>a .menu-icon{
  margin-left: auto;
}

.main-menu ul.sub-menu li>a .menu-dropdown{
  margin-left: auto;
  margin-top: 0;
  transform: rotate(270deg);
}

.main-menu ul.sub-menu>li:hover>a {
  color: var(--sb-primary);
}

.menu-dropdown {
  display: flex;
  margin-left: 1rem;
  margin-top: -.3rem;
}

.menu-dropdown svg {
  fill: currentColor;
}

/* Mega menu */

.main-menu ul li.mega-menu {
  position: unset !important;
}

.main-menu > ul > li.mega-menu > ul {
  width: 100%;
  max-width: var(--wide-width-size);
  margin: 0;
  left: 50%;
  position : absolute;
  top: var(--sb-menu-height);
  transform: translateY(3rem) translateX(-50%);
  opacity: 0;
  visibility: hidden;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  padding: 0;
  min-width: max-content;
  transition: all .3s ease-in-out;
}

.main-menu > ul > li.mega-menu > ul::before {
  position: absolute;
  width: 200vw;
  height: 100%;
  content: '';
  background: #fff;
  top: 0;
  z-index: -1;
  left: -100%;
  box-shadow: .2rem .2rem 8px 0px rgba(0, 0, 0, 0.05);
}

.main-menu > ul > li.mega-menu:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
}

.main-menu > ul > li.mega-menu > ul > li{
  flex-direction: column;
}

.main-menu > ul > li.mega-menu > ul > li > ul{
  position : relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.main-menu > ul > li.mega-menu > ul li:hover a{
  background: transparent !important;
}

/* Header right */

.header-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
  gap: 2rem;
}

@media (min-width: 1280px){
  .header-right{
    gap: 5.5rem;
  }
  .main-menu li a .menu-icon{
    display: none;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu{

  }

}

.header #nav-trigger{
  background: none;
  border-radius: 100%;
  transition: all .3s;
  padding: 0;
  margin-left: 2rem;
  border: none;
  outline: 0;
  display: flex;
  align-items: center;
}

.hamburger-btn{
  position: relative;
  width: 2.4rem;
  height: 1.8rem;
}

.hamburger-btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--sb-primary);
  transition: all .3s;
}

.hamburger-btn span:nth-child(1) {
  top: 0;
}

.hamburger-btn span:nth-child(2) {
  top: 8px;
}

.hamburger-btn span:nth-child(3) {
  bottom: 0;
  width: 18px;
  left: auto;
  right: 0;
}

#nav-trigger.close-nav .hamburger-btn span:nth-child(1) {
  transform: rotate(45deg);
  top: 9px;
}

#nav-trigger.close-nav .hamburger-btn span:nth-child(2) {
  width: 0;
  left: 50%;
}

#nav-trigger.close-nav .hamburger-btn span:nth-child(3){
  transform: rotate(-45deg);
  bottom: 7px;
  width: 100%;
}

.header.show .hamburger-btn span{
  background: var(--sb-primary) !important;
}

body.mb-open .header .hamburger-btn span{
  background: var(--sb-primary) !important;
}

.header #nav-trigger .line {
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  display: block;
  margin: 5px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: auto;
  margin-right: auto;
}

/*.header.show #nav-trigger{
  background: var(--sb-primary);
}*/

.header #nav-trigger .line:first-child{
  margin-top: 0;
}


.header #nav-trigger .line:last-child{
  margin-bottom: 0;
}

.header #nav-trigger.close-nav .line:nth-child(1) {
  width: 22px;
  margin-left: 10px;
}

.header #nav-trigger.close-nav .line{
  background: var(--sb-primary);
}

.header #nav-trigger .line:nth-child(2) {
  margin-left: auto;
}

.header #nav-trigger.close-nav .line:nth-child(3) {
  width: 22px;
  margin-left: auto;
  margin-right: 0;
}

.header #nav-trigger.close-nav .line:nth-child(1) {
  width: 16px;
  margin-left: 5px;
}

.header #nav-trigger.close-nav .line:nth-child(2) {
  margin-left: unset;
  width: 22px;
  margin-right: 6px;
}

.header #nav-trigger.close-nav .line:nth-child(3) {
  width: 22px;
  margin-left: auto;
} 


@media (min-width: 1200px){
  .header #nav-trigger{
    display: none !important;
  }
}

/*.header #nav-trigger::after, .header #nav-trigger::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: .2rem;
  background: #fff;
  transition: all .3s ease-out;
}*/

/*.header #nav-trigger::before {
  top: 1.2rem;
}

.header #nav-trigger::after {
  bottom: 1.2rem;
}

.header #nav-trigger:not(.close-nav):hover::before {
  top: 1rem;
}

.header #nav-trigger:not(.close-nav):hover::after {
  bottom: 1rem;
}

.header #nav-trigger.close-nav:before {
  top: 46%;
  transform: translateX(-50%) rotate(45deg);
}

.header #nav-trigger.close-nav:after {
  bottom: 50%;
  transform: translateX(-50%) rotate(-45deg);
}*/

/* Top search */

#search-trigger{
  background: var(--sb-primary);
  color: var(--sb-dark);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: all .3s;
  padding: 0 !important;

}

#search-trigger img{
  width: 18px;
  height: 18px;
    filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

@media (max-width: 1280px){
  #search-trigger{
    width: 4rem;
    height: 4rem;
  }
}

#search-trigger:hover{
  color: var(--sb-primary);
}

#top-search{
  position: absolute;
  top: 10rem;
  right: var(--sb-column-gap);
  opacity: 0;
  visibility: hidden;
  transform: translateY(2rem);
  background: #FFF;
  border-radius: 99rem;
  overflow: hidden;
  border: 1px solid var(--sb-border-color);
  transition: all .3s ease-in-out;
}

.header.show #top-search{
  top: 8rem;
}

@media (min-width: 1537px) {
  #top-search{
    right: var(--sb-content-gap);
  }
}

#top-search.show{
  opacity: 1;
  visibility: visible;
  transform: translateY(-1px);
}

.header.show #top-search.show{
  top: 8rem;
}

.ct-language-switcher{
  margin-left: 20px;
}

.ct-language-switcher ul{
  list-style: none;
  margin: 0;
  display: flex;
}

.ct-language-switcher ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  transition: all .3s;
}

.ct-language-switcher ul li a.lang_active{
  display: none;
}


@media (max-width: 1280px){
  .ct-language-switcher{
    margin-left: 15px;
  }
}

/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/

.section-hero-banner{
  padding: 0 !important;
}

.slider-banner .swiper-slide-image{
  display: flex;
  align-items: center;
}

.slider-banner .swiper-slide-video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-banner .banner-content{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  max-width: 100%;
  padding: 0 var(--sb-column-gap);
  text-align: left;
}

.slider-banner .banner-content > h2 span.word{
  opacity: 0;
}

body.loaded .slider-banner .banner-content > h2 span.word{
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-delay: calc(10ms* var(--word-index));
  animation-fill-mode: forwards;
}

@media (min-width: 1537px){
  .slider-banner .banner-content{
    padding: 0 var(--sb-content-gap);
  }
}

.slider-banner .banner-content > h2{
  font-family: var(--sb-font-3);
  font-size: 5.5rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.35;
  margin: 0;
}

.slider-banner .swiper-control-absolute .swiper-next{
  right: 3rem;
}

.slider-banner .swiper-control-absolute .swiper-prev{
  left: 3rem;
}

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/

.main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
}

.content {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 var(--sb-column-gap);
  max-width: var(--content-width-size);
  width: 100%;
}

.section {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--sb-default-gap);
}

/*.section, .section-head {
  display: flex;
  flex-wrap: wrap;
}*/

/*.section{
  gap: var(--sb-default-gap);
}*/

.section-head {
/*  align-items: center;
  flex: 1 0 0%;*/
  width: 100%;
  margin-bottom: 3.2rem;
}

.section-btn {
  align-self: flex-end;
  margin-left: auto;
}

.section-title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 0;
}

.section .wrap-items{
  width: 100%;
}

.section-posts-list .wrap-items {
  grid-gap: var(--sb-grid-gap);
  display: grid;
  gap: var(--sb-grid-gap);
  grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr));
  --grid--columns: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.section-posts-list .wrap-items[data-type="list"]{
  --grid--columns: 1;
}

@media (min-width: 540px) {
  .section-posts-list .wrap-items {
    --grid--columns: 2;
  }
  .section-posts-list .wrap-items[data-type="list"]{
    --grid--columns: 2;
  }
}

@media (min-width: 992px) {
  .section-posts-list .wrap-items {
    --grid--columns: 3;
  }

}

@media (min-width: 1575px) {
  .section-posts-list .wrap-items {
    --grid--columns: 3;
  }
}

/*.slider-posts{
  margin: calc(var(--sb-column-gap) * -2);
  padding: calc(var(--sb-column-gap) * 2);
}*/

.swiper{
  padding-bottom: 2px !important;
}

ul.swiper-wrapper {
  display: flex;
  align-items: stretch;
  margin: 0;
  list-style: none;
}

ul.swiper-wrapper .swiper-slide{
  flex: 0 0 auto;
  align-self: stretch;
  height: auto;
}

@media not all and (min-width: 540px) {
  .section-head {
    margin-bottom: 2rem;
  }
}

.card-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  perspective: 1000px;
}

.wrap-items[data-type="list"] .card-item{
  flex-direction: row;
}

.card-item-image {
  display: block;
  aspect-ratio: var(--aspect-ratio);;
  background-color: var(--sb-border-color);
  overflow: hidden;
  perspective: 1000px;
  position: relative;
  height: inherit;
  transition: all .3s;
  z-index: 1;
}

.card-item-image img{
  transition: all .3s;
}

.card-item-image{
  --aspect-ratio: 16 / 9;
}

.section-posts-list .wrap-items[data-type="list"] .card-item-image{
  flex: 0 0 30%;
  max-width: 30%;
}

.card-item:hover .card-item-image img{
/*  transform: scale(1.05);*/
will-change: transform;
transform-style: preserve-3d;
}

.card-item-image>picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.card-item-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  transition: all .3s;
}

.card-item-title{
  font-size: 1.8rem;
  font-weight: 600;
  min-height: 4.6rem;
  margin: 0;
}

.card-item:hover .card-item-title{
  color: var(--sb-primary);
}

.card-item-meta ul{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #808080;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.card-item-link a{
  display: flex;
  align-items: center;
  color: var(--sb-dark);
  gap: 1.5rem;
}

.section-posts-featured .wrap-items{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.featured-item{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}

.featured-item .card-item-image{
  --aspect-ratio: 1 / 1;
}

.featured-item>*{
  flex: 0 0 50%;
  max-width: 50%;
  border-radius: 0;
}

.featured-item .card-item-content{
  gap: 5rem;
  padding: 5rem;
  justify-content: center;
}

.featured-item .card-item-title{
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
}

.featured-item:nth-child(n+3){
  flex-direction: row-reverse !important;
}

.featured-item:hover .card-item-content{
  background: var(--sb-primary);
}

.featured-item:hover .card-item-content>*, .featured-item:hover .card-item-title, .featured-item:hover .posted-on a{
  color: #fff;
}

.featured-item .posted-on{
  font-style: italic;
}

.featured-item .posted-on svg{
  display: none;
}

/* Single */

.hero-banner-overlay{
  width: 100%;
}

@media (min-width: 577px){
  .hero-banner-overlay{
  }
}

.hero-banner-content{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 var(--sb-column-gap);
  text-align: left;
}

@media (min-width: 1537px){
  .hero-banner-content{
    padding: 0 var(--sb-content-gap);
  }
}

.hero-banner-content h1{
  font-family: var(--sb-font-3);
  font-size: 3.5rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
  margin: 0;
}

.hero-banner-content span.char{
  opacity: 0;
}

body.loaded .hero-banner-content span.char{
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-delay: calc(10ms* var(--char-index));
  animation-fill-mode: forwards;
}

.single .content{
  padding: var(--sb-default-gap) 0;
}

.post-content-grid {
  grid-gap: 3rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--post--sidebar--width);
  margin: 0 auto;
  max-width: 100%;
}

.no-sidebar .post-content-grid{
  --post--sidebar--width: 320px;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.post-content-wrapper {
  grid-column: 1;
}

@media (min-width: 1537px){
  .post-content-wrapper {
    max-width: 1280px;
    margin: 0 auto;
  }
}

.post-header{
  margin-bottom: 4rem;
}

.post-header .post-back{
  display: flex;
  align-items: center;
  gap: 2rem;
  color: #bbbbbb;
  font-weight: 600;
  margin-bottom: 4rem;
}

.post-header .post-title{
  font-size: 4.6rem;
  text-transform: none;
  margin-bottom: 1rem;
}

.post-header-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.post-meta {
  position: relative;
  align-items: center;
  color: #808080;
  display: flex;
  flex: 1 0 0%;
  flex-wrap: wrap;
  gap: 0 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-meta svg{
  display: none;
}

.post-meta li {
  align-items: center;
  display: flex;
  gap: 0 1rem;
}

.post-header-info .post-meta>li:first-child {
  flex: 0 0 100%;
}

.post-meta-author-image{
  left: 0;
  position: absolute;
  top: 0;
}

.post-meta-author-image>picture {
  background-color: var(--sb-border-color);
  border-radius: 50%;
  color: var(--sb-dark);
  display: block;
  width: 4.6rem;
  height: 4.6rem;
  line-height: 4.6rem;
  transition: transform .25s ease-in-out, background-color .15s ease-in-out;

}

.post-meta-author-image img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.posted-on{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.post-tags ul{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-tag {
  align-items: center;
  background-color: #ededed;
  border-radius: 1rem;
  display: flex;
  font-size: 1.4rem;
  padding: .4rem .8rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color .15s, background-color .15s;
}

.post-tag:hover{
  background: #dadada;
  color: var(--sb-dark);
}

.post-button-share .btn{
  padding: .6rem 1.2rem !important;
}

.post-content h1, .post-content h2{
  font-size: 2.6rem;
}

.post-content h3{
  font-size: 2.2rem;
}

.post-content h4{
  font-size: 2rem;

}

.post-content h5, .post-content h6{
  font-size: 1.8rem;
}

.post-content ol, .post-content ul {
  padding-left: 1.6rem;
  margin-bottom: 2rem;
}


.post-content ol{
  list-style: decimal;
}

.post-content ul{
  list-style: disc;
}

.post-content ul li:not(:last-child), .post-content ol li:last-child{
  margin-bottom: .5rem;
}

.post-content table{
  width: 100% !important;
  margin-bottom: 1.6rem;
}

.post-content p:not(:last-child) {
  margin-bottom: 2rem;
}

.post-content a{
  cursor: pointer;
  color: var(--sb-primary);
}

.post-content blockquote{
  border-radius: var(--sb-radius);
  border: 1px solid rgba(246, 151, 136, 0.20);
  background: rgba(246, 151, 136, 0.05);
  padding: 2rem;
  margin-bottom: 2rem;
}

.post-content figure{
  max-width: 100%;
  width: auto !important;
  margin-bottom: 2rem;
}

.post-content .wp-caption-text{
  font-size: 1.4rem;
  color: #48596f;
  padding: .4rem;
}

.post-content img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/*.post-content>*{
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}*/

.post-share{
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 2rem;
  gap: 1.5rem;
}

.post-share a{
  width: 3rem;
  height: 3rem;
  color: var(--sb-dark);
  background: #f2f2f2;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.post-share a.fb:hover{
  background: #1877f2;
  color: #fff;
}

.section-related{
  background: #f6f6f6;
  padding-left: var(--sb-content-gap);
  padding-right: var(--sb-content-gap);
  padding-bottom: var(--sb-default-gap);
}

.section-related .section-title{
  margin: 0;
}

.section-related .card-item .card-item-excerpt{
  text-align: left !important;
}

/* Sidebar */
@media (max-width: 992px) {
  body:not(.no-sidebar) #sidebar{
    margin-top: var(--sb-default-gap);
  }  
}

.widget:not(:last-child){
  margin-bottom: 3rem;
}

.widget-title{
  font-size: 2rem;
  padding-left: 1rem;
  border-left: 5px solid var(--sb-dark);
  background: #fafafa;
  margin-bottom: 1.6rem;
}

.widget .wrap-news-it{
  border: none;
}

.widget .news-it.row .news-info{
  padding-right: 0;
  padding-left: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.widget .news-it.row:not(:last-child){
  margin-bottom: 2rem;
}

.widget ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget .menu li:not(:last-child){
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed var(--sb-border-color);
}

/* Search */

.search-form.form-inline{
  display: flex;
  align-items: center;
}

.search-field{
  flex: 1;
}

.search-field .form-control{
  background: transparent !important;
  border: none;
  padding: 1rem 1.5rem;
  height: 4rem;
  line-height: 1;
}

.search-submit .btn-search{
  padding: 0 !important;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  border: none;
}

@media (max-width: 992px){
  .search-field .form-control{
    height: 4rem;
  }
  .search-submit .btn-search{
    width: 4rem;
    height: 4rem;
  }
}

/* Mobile menu */

#mb-navigation {
  position: fixed;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  background: #fff;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transform: translateY(100vh);
  pointer-events: auto;
  transition: transform .3s ease;
  border-top: 1px solid #f2f2f2;
}
.header #mb-navigation.show {
  height: calc(100vh - var(--sb-menu-height));
}
#mb-navigation.show {
  transform: translateY(-2px);
}
.mb-menu{
  display: block;
  max-width: var(--content-width-size);
  margin: 0 auto;
  padding: 2rem;
  height: 100%;
}
.mb-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.mb-menu li {
  position: relative;
  color: var(--sb-dark);
  width: auto;
  margin: 0;
  z-index: 5;
}
.mb-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: currentColor;
  white-space: nowrap;
  height: 100%;
  transition: all .3s ease-in-out;
}
.mb-menu li a .menu-icon{
  margin-left: auto;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  transition: all .3s;
}
.mb-menu li.active > a .menu-icon svg{
  transform: rotate(180deg);
}
.mb-menu li:hover, .mb-menu li.current-menu-item > a{
  color: var(--sb-primary);
}
.mb-menu>ul>li:not(:last-child){
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px dashed #f2f2f2;
}
.mb-menu>ul>li>a{
  text-transform: uppercase;
}
.mb-menu li>ul {
  display: none;
  padding-left: 1.6rem;
  margin-top: 1rem;
  position: relative;
  border-left: 2px solid var(--sb-primary);
  transition: none;
}
.mb-menu li>ul li:not(:last-child){
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #f2f2f2;
}

.mb-menu li>ul li>a{
  font-weight: normal;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

.required{
  color: red;
}

.comments-area{
  display: block;
  margin: 3rem 0;
  padding-top: 2rem;
  border-top: 1px solid var(--sb-border-color);
}

.comments-title{
  font-size: 2.6rem;
}

.comment-list, .children{
  margin: 0;
  padding: 0;
  list-style: none;
}

.comment-list li:not(:last-child){
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--sb-border-color)
}

.comment-meta{
  margin-bottom: 1rem;
}

.comment-author.vcard {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: .5rem;
}

.comment-author.vcard img{
  margin-right: 1rem;
  display: block;
  border-radius: 100%;
}

.comment-metadata, .comment-metadata a{
  font-size: 1.4rem;
  color: #48596f;
}

.comment-content{
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: #f2f2f2;
  border-radius: var(--sb-radius);
  border-top-left-radius: 0;
}

.comment-reply-link{
  color: #48596f;
  font-size: 1.4rem;
  font-weight: 600;
}

.comment-respond{
  margin-top: 3rem;
}

.comment-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.6rem;
}

p.logged-in-as, p.comment-notes, p.comment-form-comment, p.comment-form-cookies-consent, p.form-submit{
  grid-column: span 2 / span 2;
}

p.comment-form-cookies-consent {
  display: flex;
  align-items: center;
}

p.comment-form-comment textarea{
  height: 10rem;
}

.comment-form label{
  display: block;
  margin-bottom: .5rem;
}

p.comment-form-cookies-consent label{
  margin-bottom: 0;
  margin-left: .5rem;
}

ol.children{
  margin-top: 2rem;
  margin-left: 3rem;
}

/*--------------------------------------------------------------
# Pagenavi - Navigation
--------------------------------------------------------------*/

.section .pagination{
  width: 100%;
  margin-top: 4rem;
  padding: 0 var(--sb-content-gap);
}

.wp-pagenavi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.wp-pagenavi{
  justify-content: end;
}

.wp-pagenavi a,.wp-pagenavi span:not(.pages) {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--sb-dark);
  font-weight: 600;
}

.wp-pagenavi span.current,.wp-pagenavi a:hover {
  color: var(--sb-primary)
}

.wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi .pages{
  display: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{
  position: relative;
  overflow: hidden;
  background: #333;
  color: #fff
}

.footer h2{
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}

.footer b, .footer strong{
  font-weight: 600;
}

.footer a{
  color: #fff;
}

.wrap-footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  max-width: var(--content-width-size);
  margin: 0 auto;
  padding: 11rem var(--sb-column-gap) 15rem;
}

.footer-info>*{
  margin-bottom: 3.6rem;
}

.footer .socials{
  margin-bottom: 3.6rem;
}

.footer .copyright{
  text-align: right;
}

.footer .copyright p:last-child{
/*  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -888;*/
}

.footer .copyright p{
  margin: 0;
}

.socials ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  margin: 0;
  padding: 0;
  list-style: none;
}

.socials ul>li:not(:last-child){
  margin-right: 2rem;
}

.social-item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.6rem;
  height: 6.6rem;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/



@media (min-width: 1701px) and (max-width: 1919px){

  :root{
    --sb-menu-height: 6.9rem;
    --sb-default-gap: 4.6rem;
    --sb-content-gap: 3rem;
    --wide-width-size: 108rem;
    --content-width-size: calc(var(--wide-width-size) + 3rem);
  }

  body, button, input, select, textarea{
    font-size: 14px;
    line-height: 24px;
  }

  .header.show{
    height: var(--sb-menu-height);
  }

  .header.show .main-menu li:not(.mega-menu) ul.sub-menu{
    top: 6.9rem;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu, #top-search, .header.show #top-search.show{
    top: 6.9rem;
  }

  .main-menu li a .menu-icon{
    margin-top: 0;
  }

  .menu-icon svg{
    width: 10px;
    height: 10px;
  }

  .slider-banner .banner-content{
    padding-left: var(--sb-content-gap);
  }

  .slider-banner .banner-content > h2{
    font-size: 3.5rem;
  }

  .section-head{
    margin-bottom: 0;
  }

  .section-title{
    font-size: 2.4rem;
    margin-bottom: 2rem !important;
  }

  .hero-banner-content{
    padding-left: 3rem;
  }

  .hero-banner-content h1{
    font-size: 3.5rem !important;
  }

  .card-item-link a{
    gap: .4rem;
  }

  .card-item-title{
    font-size: 1.6rem;
    min-height: 40px;

  }

  .featured-item .card-item-title{
    font-size: 1.8rem;
  }

  .featured-item .card-item-content{
    gap: 2rem;
    padding: 3rem;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 2rem;
  }

  .swiper-control-btn img{
    width: 20px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.5rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }
}

@media (min-width: 1537px) and (max-width: 1700px){
  :root{
    --sb-menu-height: 6.9rem;
    --sb-default-gap: 4.6rem;
    --sb-content-gap: 3rem;
    --wide-width-size: 108rem;
    --content-width-size: calc(var(--wide-width-size) + 3rem);
  }

  body, button, input, select, textarea{
    font-size: 14px;
    line-height: 24px;
  }

  .header.show{
    height: var(--sb-menu-height);
  }

  .header.show .main-menu li:not(.mega-menu) ul.sub-menu{
    top: 6.9rem;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu, #top-search, .header.show #top-search.show{
    top: 6.9rem;
  }

  .main-menu li a .menu-icon{
    margin-top: 0;
  }

  .menu-icon svg{
    width: 10px;
    height: 10px;
  }

  .slider-banner .banner-content{
    padding-left: var(--sb-content-gap);
  }

  .slider-banner .banner-content > h2{
    font-size: 3.5rem;
  }

  .section-head{
    margin-bottom: 0;
  }

  .section-title{
    font-size: 2.4rem;
    margin-bottom: 2rem !important;
  }

  .hero-banner-content{
    padding-left: 3rem;
  }

  .hero-banner-content h1{
    font-size: 3.5rem !important;
  }

  .card-item-link a{
    gap: .4rem;
  }

  .card-item-title{
    font-size: 1.6rem;
    min-height: 40px;

  }

  .featured-item .card-item-title{
    font-size: 1.8rem;
  }

  .featured-item .card-item-content{
    gap: 2rem;
    padding: 3rem;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 2rem;
  }

  .swiper-control-btn img{
    width: 20px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.5rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }
}

@media (min-width: 1401px) and (max-width: 1536px){

  :root{
    --sb-menu-height: 6.9rem;
    --sb-default-gap: 4.6rem;
    --sb-content-gap: 3rem;
    --wide-width-size: 108rem;
    --content-width-size: calc(var(--wide-width-size) + 3rem);
  }

  body, button, input, select, textarea{
    font-size: 14px;
    line-height: 24px;
  }

  .header.show{
    height: var(--sb-menu-height);
  }

  .header.show .main-menu li:not(.mega-menu) ul.sub-menu{
    top: 6.9rem;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu, #top-search, .header.show #top-search.show{
    top: 6.9rem;
  }

  .main-menu li a .menu-icon{
    margin-top: 0;
  }

  .menu-icon svg{
    width: 10px;
    height: 10px;
  }

  .slider-banner .banner-content{
    padding-left: var(--sb-content-gap);
  }

  .slider-banner .banner-content > h2{
    font-size: 3.5rem;
  }

  .section-head{
    margin-bottom: 0;
  }

  .section-title{
    font-size: 2.4rem;
    margin-bottom: 2rem !important;
  }

  .hero-banner-content{
    padding-left: 3rem;
  }

  .hero-banner-content h1{
    font-size: 3.5rem !important;
  }

  .card-item-link a{
    gap: .4rem;
  }

  .card-item-title{
    font-size: 1.6rem;
    min-height: 40px;

  }

  .featured-item .card-item-title{
    font-size: 1.8rem;
  }

  .featured-item .card-item-content{
    gap: 2rem;
    padding: 3rem;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 2rem;
  }

  .swiper-control-btn img{
    width: 20px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.5rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }
}

@media (min-width: 1200px) and (max-width: 1440px){

  :root{
    --sb-menu-height: 6.9rem;
    --sb-default-gap: 4.6rem;
    --sb-content-gap: 3rem;
    --wide-width-size: 108rem;
    --content-width-size: calc(var(--wide-width-size) + 3rem);
  }

  body, button, input, select, textarea{
    font-size: 14px;
    line-height: 24px;
  }

  .header.show{
    height: var(--sb-menu-height);
  }

  .header.show .main-menu li:not(.mega-menu) ul.sub-menu{
    top: 6.9rem;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu, #top-search, .header.show #top-search.show{
    top: 7.4rem;
  }

  .main-menu>ul>li:not(:last-child){
    margin-right: 2rem;
  }

  .main-menu li a .menu-icon{
    margin-top: 0;
  }

  .menu-icon svg{
    width: 10px;
    height: 10px;
  }

  .slider-banner .banner-content{
    padding-left: var(--sb-content-gap);
  }

  .slider-banner .banner-content > h2{
    font-size: 3.5rem;
  }

  .section-head{
    margin-bottom: 0;
  }

  .section-title{
    font-size: 2.4rem;
    margin-bottom: 2rem !important;
  }

  .hero-banner-content{
    padding-left: 3rem;
  }

  .hero-banner-content h1{
    font-size: 3.5rem !important;
  }

  .card-item-link a{
    gap: .4rem;
  }

  .card-item-title{
    font-size: 1.6rem;
    min-height: 40px;

  }

  .featured-item .card-item-title{
    font-size: 1.8rem;
  }

  .featured-item .card-item-content{
    gap: 2rem;
    padding: 3rem;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 2rem;
  }

  .swiper-control-btn img{
    width: 20px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.5rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }

}

@media (min-width: 1281px) {

}

@media (min-width: 1025px) and (max-width: 1280px) {

  :root{
    --sb-menu-height: 6rem;
    --sb-default-gap: 4rem;
  }

  .header.show{
    height: 6rem;
  }

  .logo img {
    max-width: 70%;
  }

  body, button, input, select, textarea {
    font-size: 14px;
  }

  .header.show .main-menu li:not(.mega-menu) ul.sub-menu {
    top: 6rem;
  }

  .main-menu li:not(.mega-menu) ul.sub-menu .wrapped-list{
    padding: 15px;
  }

  .main-menu>ul>li:not(:last-child){
            margin-right: 2rem;
  }

  .ct-language-switcher{
    margin-left: 0;
  }

  .section-title{
    font-size: 2.4rem;
  }

  .slider-banner .banner-content > h2{
    font-size: 3.5rem;
  }

  .hero-banner-content h1{
    font-size: 3.5rem !important;
  }

  .post-content-wrapper{
    padding: 0 15px;
    max-width: 90%;
    margin: 0 auto;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 1rem;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.4rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }


}

@media (max-width: 1280px) {
  body.mb-open .header:before{
    height: 6.9rem;
  }
}

/* Ipad */

@media (max-width: 1024px) {

}

@media (min-width: 768px) and (max-width: 1024px) {

  :root{
    --sb-menu-height: 6.9rem;
    --sb-default-gap: 4rem;
  }

  .header.show{
    height: 6.9rem;
  }

  #top-search{
    top: 6.9rem;
  }

  .header.show #top-search.show{
    top: 6.9rem;
  }

  body, button, input, select, textarea {
    font-size: 14px;
  }

  .logo img{
    max-width: 70%;
  } 

  .section-title{
    font-size: 2rem;
  }

  .card-item-title{
    font-size: 1.6rem;
    min-height: 4rem;
  }

  .slider-banner .banner-content > h2{
    font-size: 3rem !important;
  }

  .hero-banner-content h1{
    font-size: 3rem !important;
  }

  .post-header .post-title{
    font-size: 2.8rem;
  }

  .swiper-control-relative{
    gap: 0;
  }

  .swiper-control-btn img{
    width: 18px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

  .wrap-footer{
    padding: 6rem var(--sb-column-gap) 6rem;
  }

  .footer-info>*{
    margin-bottom: 1.6rem;
  }

  .footer h2{
    font-size: 1.4rem;
  }

  .footer .socials{
    margin-bottom: 1.6rem;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }

  .post-content-wrapper{
    max-width: 90%;
    margin: 0 auto;
  }

}

/* Ipad Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}


@media (max-width: 992px) {

}

@media (max-width: 767px) {

  body, button, input, select, textarea{
    font-size: 15px;
  }

  .header.show{
    height: 7rem;
  }

  #top-search.show, .header.show #top-search.show{
    top: 7rem;
  }

  .header #nav-trigger{
    margin-left: 2rem;
  }

  .logo img{
    width: 14rem;
  }

  .slider-banner .swiper-slide-video video{
    width: auto;
    height: 100%;
  }

  .swiper-control-relative{
    gap: 0;
  }

  .swiper-control-btn img{
    width: 18px;
  }

  .wp-pagenavi a, .wp-pagenavi span:not(.pages){
    width: 2rem;
    font-size: 1.5rem;
  }

  .wp-pagenavi a img{
    width: 18px;
  }

}

@media (min-width: 481px) and (max-width: 767px) {

  .logo img{
    width: 12rem;
  }

  .header.show #nav-trigger{
    background: transparent;
  }

  .header.show #nav-trigger .line{
    background: var(--sb-primary);
  }

  .header.show #search-trigger{
    background: transparent;
  }

  .header.show #search-trigger img{
    filter: none;
  }

  .header.show .ct-language-switcher ul li a{
    color: var(--sb-primary);
    background: transparent;
  }

  .ct-language-switcher{
    margin-left: 1rem;
  }

  .modal .modal-content{
    overflow: auto;
    max-height: 100vh !important;
    padding: 0;
    padding-top: 40px !important;
    background: #fff;
  }

  .modal-close img{
    filter: none !important;
  }

  .modal .modal-content .modal-content-grid{
    padding: 0 !important;
  }

  .modal .modal-content{
    padding: 2rem !important;
  }

  #search-trigger img{
    width: 18px;
    height: 18px;
  }

  .slider-banner .banner-content > h2{
    font-size: 3rem;
    text-align: center;
  }

  .section-title{
    font-size: 2.4rem;
  }

  .card-item-title{
    font-size: 1.5rem;
    min-height: auto;
  }

  .card-item-content{
    height: auto !important;
  }

  .swiper .swiper-slide-card .card-item-content{
    height: 100% !important;
  }

  .swiper-control-absolute .swiper-control-btn{
    display: none !important;
  }

  .hero-banner-content h1{
    font-size: 2rem !important;
    text-align: center;
  }

  .post-header .post-title{
    font-size: 2.4rem;
  }

  .post-header .post-back{
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .post-header .post-back img{
    width: 8px;
  }

  .wrap-footer{
    padding-top: 4rem;
    padding-bottom: 1.5rem;
  }

  .footer h2{
    font-size: 1.6rem;
  }

  .footer-info > *{
    margin-bottom: 1.6rem;
  }

  .footer-bottom {
    width: 100%;
    margin-top: 4rem;
  }

  .socials ul{
    justify-content: flex-start;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }

  .socials ul > li:not(:last-child){
    margin-right: 1.6rem;
  }

  .footer .copyright{
    text-align: left;
  }

  .footer .socials {
    margin-bottom: 1.6rem;
  }

}

@media (min-width: 0px) and (max-width: 480px) {

  .logo img{
    width: 15rem;
  }

  .header.show #nav-trigger{
    background: transparent;
  }

  .header.show #nav-trigger .line{
    background: var(--sb-primary);
  }

  .header.show #search-trigger{
    background: transparent;
  }

  .header.show #search-trigger img{
    filter: none;
  }

  .header.show .ct-language-switcher ul li a{
    color: var(--sb-primary);
    background: transparent;
  }

  .ct-language-switcher{
    margin-left: 1rem;
  }

  .modal .modal-content{
    overflow: auto;
    max-height: 100vh !important;
    padding: 0;
    padding-top: 40px !important;
    background: #fff;
  }

  .modal-close img{
    filter: none !important;
  }

  .modal .modal-content .modal-content-grid{
    padding: 0 !important;
  }

  .modal .modal-content{
    padding: 2rem !important;
  }

  #search-trigger img{
    width: 18px;
    height: 18px;
  }

  .slider-banner .banner-content > h2{
    font-size: 3rem;
    text-align: center;
  }

  .section-title{
    font-size: 2.4rem;
  }

  .card-item-title{
    font-size: 1.5rem;
    min-height: auto;
  }

  .card-item-content{
    height: auto !important;
  }

  .swiper .swiper-slide-card .card-item-content{
    height: 100% !important;
  }

  .swiper-control-absolute .swiper-control-btn{
    display: none !important;
  }

  .hero-banner-content h1{
    font-size: 2rem !important;
    text-align: center;
  }

  .post-header .post-title{
    font-size: 2.4rem;
  }

  .post-header .post-back{
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .post-header .post-back img{
    width: 8px;
  }

  .wrap-footer{
    padding-top: 4rem;
    padding-bottom: 1.5rem;
  }

  .footer h2{
    font-size: 1.6rem;
  }

  .footer-info > *{
    margin-bottom: 1.6rem;
  }

  .footer-bottom {
    width: 100%;
    margin-top: 4rem;
  }

  .socials ul{
    justify-content: flex-start;
  }

  .social-item{
    width: 4rem;
    height: 4rem;
  }

  .socials ul > li:not(:last-child){
    margin-right: 1.6rem;
  }

  .footer .copyright{
    text-align: left;
  }

  .footer .socials {
    margin-bottom: 1.6rem;
  }

}

@media (max-width: 380px) {

  html{
    font-size: 54%;
  }

  body, button, input, select, textarea{
    font-size: 14px;
  }

  .section-title{
    font-size: 2.4rem;
  }

  .wrap-footer{
    font-size: 13px;
  }

}